Anoniem22
Legacy Member
Weet er iemand wat ik hier fout doe?
Site staat op http://users.telenet.be/hos/test/Hossoft2/
PHP:
Dit staat in de <head> boven de JavaScripts:
<link rel="stylesheet" type="text/css" href="../style.css" title="skin1">
<link rel="alternate stylesheet" type="text/css" href="../styleGroen.css" title="skin2">
<link rel="alternate stylesheet" type="text/css" href="../stylePaars.css" title="skin3">
<link rel="alternate stylesheet" type="text/css" href="../styleOranje.css" title="skin4">
Dan het JavaScriptje:
function switchStyleSheetGecko(toNum) {
var linkTag, linkTitle = "skin" + toNum;
var linksArray = document.getElementsByTagName("link");
for(var linkNum=0; linkNum<linksArray.length; linkNum++) {
linkTag = linksArray[linkNum];
if(linkTag.getAttribute("rel").match(/^sty|^alt/i)) {
if (linkTag.getAttribute("title") == linkTitle) {
linkTag.disabled = false;
} else if (linkTag.getAttribute("title")) {
linkTag.disabled = true;
}
}
}
}
En in de <body> staan dan mijn knoppen om de stylesheets te wijzigen:
<!-- #BeginLibraryItem "/Library/bgcolorbuttons.lbi" -->
<div id="bgColorBtn" align="left"><a href="javascript:setActiveStyleSheet('skin1');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','../images/gif/buttons/icon-blauwdown2.gif',1)">
<img src="../images/gif/buttons/icon-blauwup2.gif" alt="Blauw" name="Image1" width="20" height="20" border="0"></a>
<a href="javascript:setActiveStyleSheet('skin2');"
onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','../images/gif/buttons/icon-groendown2.gif',1)">
<img src="../images/gif/buttons/icon-groenup2.gif" alt="Groen" name="Image2" width="20" height="20" border="0"></a>
<a href="javascript:setActiveStyleSheet('skin3');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','../images/gif/buttons/icon-paarsdown2.gif',1)">
<img src="../images/gif/buttons/icon-paarsup2.gif" name="Image3" width="20" height="20" border="0"></a>
<a href="javascript:setActiveStyleSheet('skin4');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','../images/gif/buttons/icon-oranjedown2.gif',1)">
<img src="../images/gif/buttons/icon-oranjeup2.gif" name="Image4" width="20" height="20" border="0"></a>
</div>
<!-- #EndLibraryItem -->
Site staat op http://users.telenet.be/hos/test/Hossoft2/
, zoals skratz al zei...
of is het begrijpen van scripts tegenwoordig al overkill