PDA

Click to See Complete Forum and Search --> : load different css on different variable?

houtwurm
05-20-2004, 10:46 AM
Hello,

is there a way to load an different stylesheet on different JavaScript variable?
With XML you should de something like:

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
lcode = blabla
xmlDoc.load(lcode+"whatever.xml")
</SCRIPT>

Can you do something like that to load a different css when the lcode variable changes too?

The pages that will be in IFrames will check this lcode variable too to load there css, and that are a lot of pages, and the number of css files will be growing, so I don't want to set the different options before...

Thanx...
DaveSW
05-20-2004, 10:54 AM
Does this help at all?
http://www.alistapart.com/articles/alternate/

or any of these:
http://www.google.com/search?q=javascript+stylesheet+change&sourceid=mozilla-search&start=0&start=0&ie=utf-8&oe=utf-8
houtwurm
05-20-2004, 11:32 AM
I'm not an script wonder, but I tried to do the following after looking at the site http://www.alistapart.com/articles/alternate/:

<script language="javascript" type="text/javascript">
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}
</script>

<body onLoad="setActiveStyleSheet('default');
return false;">

I made a css called default.css, but nothing happens...
toicontien
05-20-2004, 01:14 PM
You need to add the title attribute to the link tag with the same name as the value passed to the JavaScript function. The CSS file name has no bearing on this script. You need title="default" in the link tag.

If you want another working example, try http://www.cm-life.com/?template=dptemplate6

That should clear things up.