Archivlink: javarea.de Forum > JavaScript > CSS per Javascript "nachladen"
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > CSS per Javascript "nachladen"

Pages: [1]

geschrieben von guerilla am 09.03.2005 - 12:31
halli hallo, liebes forum...

mich beschäftigt gerade ein problem der ganz hartnäckigen sorte.
Ich brauche ein Javascript (für einen Button), der ein bestimmtes CSS-File lädt, ohne dass es vorher im Head-Bereich eingebunden ist. (ja, ich weiss, aber sagt das meinem Chef *lol*) Der Styleswitcher von aLa bringt mich dementsprechend auch nicht zum gewünschten Ergebnis. Frage wäre jetzt: Gibts sowas und geht sowas eigentlich?

mfg
gueril'hilfe'la

geschrieben von Malleus am 10.03.2005 - 12:41
Hallo guerilla,
folgendes funktioniert mit MSIE, Opera 7.54 und FF:

// ************* test.html **************************************
<html>
<head>
<title>Malleus' CSS-Test</title>
<script language="JavaScript" type="text/javascript">

function createCSS()
{
var css=document.createElement("link");
css.rel="stylesheet"
css.type="text/css";
css.href="test.css";
document.body.parentNode.firstChild.appendChild(css);
}

</script>
</head>
<body>
<input type="button" onclick="createCSS()" value="Create CSS">
</body>
</html>
//****************************


..und die dazugehörige CSS-Datei:

// ****************** test.css *********************
BODY{ background-color:yellow}
// ************************************************


Tschau

Frank


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.