nicht angemeldet
CSS Style Switcher, disabled nicht bei IE, nur Mozilla
Hallo,
ich versuche einen StyleSwitcher (eingebundene CSS Datei wechseln) zu machen. Dabei bin ich auf ein Problem gestoßen und zwar: Beim IE funktioniert die Eigenschaft des link-Tags .disabled nicht richtig. Der angehängte Quelltext läuft mit dem Mozilla. Beim MSIE wird das zu Beginn aktive link-Tag deaktiviert, aber das alternative kann nicht aktiviert werden, sodass nachher kein StyleSheet wirkt.
-------------------------------------------------------------
HTML - Datei:
----------------------------------------------------------
<html>
<head>
<title>StyleSwitcher</title>
<link rel="stylesheet" type="text/css" href="eins.css" title="eins">
<link rel="alternate stylesheet" type="text/css" href="zwei.css" title="zwei">
<!-- beide StyleSheets sind funktionsfähig -->
</head>
<body>
<script language="JavaScript">
function wechsel(){
var linkTags = document.getElementsByTagName("link");
linkTags[0].disabled = true; //oberes link-Tag
linkTags[1].disabled = false; //unteres link-Tag
}
</script>
<h1>Soll geändert werden ...</h1>
<button onclick="wechsel();">Style ändern</button>
</body>
</html>
--------------------------------------------------------------
eins.css:
--------------------------------------------------------------
h1 {font: 12pt Arial;
color: #FF0000;
background-color: #FF9900;
}
----------------------------------------------------------------
zwei.css:
------------------------------------------------------------------
h1 {font: 12pt Arial;
color: #FF0000;
background-color: #88FF00;
}
---------------------------------------------------------------
Gruß Bernd
-
Hallo !!
Ein bißchen mußt du schon selber schwitzen !
;o))-
Das habe ich schon angesehen, das funktionniert bei mir gar nicht so wie es dort steht. Hilfe!
Gruß Bernd
-
Hallo Bernd !
Man soll das Forum nicht mit Quellcode zumüllen, manchmal geht's aber halt nicht anders !? Probier mal das :<html><title>style switcher</title><head>
<link rel="stylesheet" type="text/css" href="eins.css" title="eins" />
<link rel="alternate stylesheet" type="text/css" href="zwei.css" title="zwei" />
<script language="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>
</head><body>
<h1>Soll geändert werden ...</h1>
<a href="#" onclick="setActiveStyleSheet('eins'); return false;">change style to eins</a><br>
<a href="#" onclick="setActiveStyleSheet('zwei'); return false;">change style to zwei</a>
</body></html>Ps : Den ganzen Cookie-Kram mußt du dir selber zusammenbasteln ...
Gruß Frodo-
Frodo, ich bin dir zu Dank verplichtet. Danke! Es läuft. Das mit den Cookies werde ich natürlich schon noch hinbekommen.
Gruß Bernd
Ps: Kennst du "Lord of the Weed?"
-
-
-