Lid |
|
Gebruik een script dat onderaan een plaatje weergeeft als je over een link gaat. In IE en opera werkt het maar niet in FF. Weet iemand een manier om dit te doen zodat het in alle browsers werkt?
Alvast bedankt
Voorbeeld : http://test.dais.be/
Huidige niet werkende code (ingekort)
<SCRIPT>
<!--
var content=new Array()
//verander hieronder de teksten die als toelichting onder het link menu moet verschijnen
content[0]='<img src="atletiek.jpg">'
content[1]='<img src="bowling.jpg">'
content[2]='<img src="judo.jpg'
content[3]='<img src="muurklimmen.jpg">'
content[4]='<img src="voetbal.jpg">'
content[5]='<img src="zwemmen.jpg">'
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}
function changetext(whichcontent){
if (document.all)
descriptions.innerHTML='<font face="Verdana">'+whichcontent+'<font>'
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana">'+whichcontent+'</font>')
document.d1.document.d2.document.close()
}
}
//-->
</SCRIPT>
<DIV id=scriptmenu style="LINE-HEIGHT: 20px">
<a class="links_sportmenu" onmouseover="changetext(content[0])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Atletiek</a><BR>
<a class="links_sportmenu" onmouseover="changetext(content[1])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Bowling</a><BR>
<a class="links_sportmenu" onmouseover="changetext(content[2])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Judo</a><BR>
<a class="links_sportmenu" onmouseover="changetext(content[3])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Muurklimmen</a><BR>
<a class="links_sportmenu" onmouseover="changetext(content[4])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Voetbal</a><BR>
<a class="links_sportmenu" onmouseover="changetext(content[5])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Zwemmen</a><BR>
</DIV>
<ILAYER id=d1 height="155" width="155">
<LAYER id=d2 height="155" width="155">
<DIV id=descriptions align=left></DIV>
</ILAYER>
</LAYER>
<SCRIPT> <!-- //verander hieronder de teksten die als toelichting onder het link menu moet verschijnen content[0]='<img src="atletiek.jpg">' content[1]='<img src="bowling.jpg">' content[2]='<img src="judo.jpg' content[3]='<img src="muurklimmen.jpg">' content[4]='<img src="voetbal.jpg">' content[5]='<img src="zwemmen.jpg">' function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function changetext(whichcontent){ if (document.all) descriptions.innerHTML='<font face="Verdana">'+whichcontent+'<font>' else if (document.layers){ document.d1.document.d2.document.write('<font face="Verdana">'+whichcontent+'</font>') document.d1.document.d2.document.close() } } //--> </SCRIPT> <DIV id=scriptmenu style="LINE-HEIGHT: 20px"> <a class="links_sportmenu" onmouseover="changetext(content[0])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Atletiek</a><BR> <a class="links_sportmenu" onmouseover="changetext(content[1])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Bowling</a><BR> <a class="links_sportmenu" onmouseover="changetext(content[2])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Judo</a><BR> <a class="links_sportmenu" onmouseover="changetext(content[3])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Muurklimmen</a><BR> <a class="links_sportmenu" onmouseover="changetext(content[4])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Voetbal</a><BR> <a class="links_sportmenu" onmouseover="changetext(content[5])" href="#"><img src="template/images/knopje_sportmenu.gif" width="7" height="16" border="0"> Zwemmen</a><BR> </DIV> <ILAYER id=d1 height="155" width="155"> <LAYER id=d2 height="155" width="155"> <DIV id=descriptions align=left></DIV> </ILAYER> </LAYER>
|