nicht angemeldet
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