04. december 2003 - 10:35
Der er
5 kommentarer og 1 løsning
onmouseover og out
Det her stykke kode virker i IE men ikke andre browser, håber på noget hjælp, evt. et andet script hvis jeg er helt galt på den. <html> <script language="javascript" type="text/javascript"> var imgs = new Array(); imgs[0] = new Array(); imgs[0][0] = new Image(); imgs[0][0].src = "MenuLeftBut.gif"; imgs[1] = new Array(); imgs[1][0] = new Image(); imgs[1][0].src = "MenuLeftButOver.gif" ; function changeOver(r) { for (i=0; i<r.children.length; i++) { r.children[i].style.backgroundImage="url("+imgs[1][0].src+")"; } } function changeOut(r) { for (i=0; i<r.children.length; i++) { r.children[i].style.backgroundImage="url("+imgs[0][0].src+")"; } } </script> </head> <body> <table cellpadding="0" cellspacing="0" border="0"> <a href="#"> <tr onmouseover="changeOver(this);" onmouseout="changeOut(this);"> <td style="background-image:url(MenuLeftBut.gif); style="cursor:pointer;" width="140" height="21">tester</td> </tr> </a> </table> </body> </html>
Annonceindlæg fra Deloitte
04. december 2003 - 10:50
#1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <title>onmouseover og out</title> <head> <script language="javascript" type="text/javascript"> var imgs = new Array(); imgs[0] = new Array(); imgs[0][0] = new Image(); imgs[0][0].src = "MenuLeftBut.gif"; imgs[1] = new Array(); imgs[1][0] = new Image(); imgs[1][0].src = "MenuLeftButOver.gif"; function changeOver(r){ for(i=0;i<r.childNodes.length;i++){ r.childNodes[i].style.backgroundImage="url("+imgs[1][0].src+")"; } } function changeOut(r){ for(i=0;i<r.childNodes.length;i++){ r.childNodes[i].style.backgroundImage="url("+imgs[0][0].src+")"; } } </script> </head> <body> <table cellpadding="0" cellspacing="0" border="0"> <a href="#"> <tr onmouseover="changeOver(this);" onmouseout="changeOut(this);"> <td style="background-image:url(MenuLeftBut.gif); cursor:pointer;" width="140" height="21">tester</td> </tr> </a> </table> </body> </html>
04. december 2003 - 11:33
#2
Jo tak, men det virker ikke i netscape og mozilla, jeg har ikke testet i opera men der skal det også virke.
04. december 2003 - 13:33
#3
<script language="javascript" type="text/javascript"> var imgs = new Array(); imgs[0] = new Array(); imgs[0][0] = new Image(); imgs[0][0].src = "gfx/pic1.gif";//"MenuLeftBut.gif"; imgs[1] = new Array(); imgs[1][0] = new Image(); imgs[1][0].src = "gfx/pic2.gif";;//"MenuLeftButOver.gif"; function changeOver(r){ for(i=0;i<r.childNodes.length;i++){ if(r.childNodes[i].nodeName=="TD"){ r.childNodes[i].style.backgroundImage="url("+imgs[1][0].src+")"; } } } function changeOut(r){ for(i=0;i<r.childNodes.length;i++){ if(r.childNodes[i].nodeName=="TD"){ r.childNodes[i].style.backgroundImage="url("+imgs[0][0].src+")"; } } } </script>