---
title: "sätta cssfil"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/102639-sätta-cssfil"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "henrikjohansson"
published: "2004-04-29T17:12:32.000Z"
updated: "2004-04-29T20:37:09.000Z"
replies: 3
views: 234
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/102639-sätta-cssfil"
---

# sätta cssfil

## #1 — henrikjohansson, 2004-04-29T17:12Z

Hur gör man för att sätta att sidan skall använda x.css?
Vill sätta en css fil för en iframe som jag har som editor.
misstänker att det är lätt att hitta på nätet.. men mitt internet är skadat och går ner hela tiden.. så jag kan inte surfa något vidare.

Permalänk: https://www.webforum.nu/p/102639

## #2 — bossse, 2004-04-29T17:30Z

Menar du att du vill länka in en extern css-fil då blir det så här!
Lägges inom head-taggen.

```
<link rel=stylesheet type="text/css" href="minfil.css">
```

Permalänk: https://www.webforum.nu/p/1335627

## #3 — henrikjohansson, 2004-04-29T17:44Z

jo det vet  jag.
men jag vill sätta  detta med javascript eftersom sidan som ligger i iframen är helt tom (det är en editor.. så man skall skriva text.. och då vill jag använda en css fil automatiskt i iframen.

Permalänk: https://www.webforum.nu/p/1335629

## #4 — Peter S, 2004-04-29T20:37Z

Exempel:

```
<head>
    <link rel="alternate stylesheet" type="text/css" href="red.css" title="Red">
    <link rel="alternate stylesheet" type="text/css" href="blue.css" title="Blue">
</head>

<script type="text/javascript">

var head = document.getElementsByTagName("HEAD").item(0),
    link = head.getElementsByTagName("LINK");

window.onload = function() {
    var iLen = link.length;
    while (iLen-->0)
	/^alternate stylesheet$/.test(link.item(iLen).rel) &&
	    (link.item(iLen).disabled = true);
}

function switchStyle(str) {
    var iLen = link.length,
	elm;

    while (iLen-->0 && (elm = link.item(iLen)))
	/^alternate stylesheet$/.test(elm.rel) &&
	    (elm.title == str && !(elm.disabled = false)) ||
		(elm.disabled = true);
}

</script>

<a href="java&#115;cript:void(0)" onclick="switchStyle('Red')">red.css</a><br>
<a href="java&#115;cript:void(0)" onclick="switchStyle('Blue')">blue.css</a>
```

Om länkarna ovan ligger utanför iframen ändrar du denna rad:

```
document.getElementsByTagName("HEAD").item(0)
```

till:

```
window.frames["[b]namn_på_iframe[/b]"].document.getElementsByTagName("HEAD").item(0)
```

Som argument till funktionen skickar du in namnet på titeln till \<link\>-elementen.

 :)

Permalänk: https://www.webforum.nu/p/1335715

---

Tråden på webben: https://www.webforum.nu/amne/javascript/102639-sätta-cssfil
