Avatar billede basicq Nybegynder
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>
Avatar billede mm12010 Nybegynder
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>
Avatar billede basicq Nybegynder
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.
Avatar billede mm12010 Nybegynder
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>
Avatar billede mm12010 Nybegynder
04. december 2003 - 13:33 #4
husk at rette billederne :o)
Avatar billede basicq Nybegynder
04. december 2003 - 14:58 #5
Super nice smid et svar
Avatar billede mm12010 Nybegynder
04. december 2003 - 15:01 #6
kast :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester