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.
sätta cssfil
3 svar · 230 visningar · startad av henrikjohansson
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">
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.
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="javascript:void(0)" onclick="switchStyle('Red')">red.css</a><br>
<a href="javascript: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.
:)