Avatar billede jonas_net Nybegynder
17. marts 2004 - 10:41 Der er 4 kommentarer

Mouseover funktion virker ikke

Hej Jeg kan ikke få denne funktion til at virke. Det er meningen at knappen skal skifte når man holder musen over. Min kode ser således ud:

<HTML>
<HEAD>
<TITLE>menu_udkast_test</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<script type="text/javascript">



billede1 = new Image();
billede1.src = "/billeder/knap1.jpg";

billede2 = new Image();
billede2.src = "/billeder/knap1.jpg";

function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}


</script>

</HEAD>

<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (menu_udkast_test.psd) -->
<TABLE WIDTH=640 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD ROWSPAN=2>
            <IMG SRC="billeder/menu_1.jpg" WIDTH=387 HEIGHT=39 ALT=""></TD>
        <TD COLSPAN=5>
            <IMG SRC="billeder/menu_udkast_02.jpg" WIDTH=253 HEIGHT=18 ALT=""></TD>
    </TR>
    <TR>
        <TD>
            <A HREF="http://www.dgs.dk" ONMOUSEOVER="skiftbillede('eksempel','/billeder/knap1_click.jpg')"
            onmouseout="skiftbillede('eksempel','knap1_click.jpg')">

                <IMG SRC="billeder/knap1.jpg" WIDTH=52 HEIGHT=21 BORDER=0 ALT=""></A></TD>
        <TD>
            <A HREF="http://">
                <IMG SRC="billeder/knap-2.jpg" WIDTH=51 HEIGHT=21 BORDER=0 ALT=""></A></TD>
        <TD>
            <A HREF="http://www.dgs.dk">
                <IMG SRC="billeder/knap3.jpg" WIDTH=51 HEIGHT=21 BORDER=0 ALT=""></A></TD>
        <TD>
            <A HREF="http://">
                <IMG SRC="billeder/knap_4.jpg" WIDTH=51 HEIGHT=21 BORDER=0 ALT=""></A></TD>
        <TD>
            <A HREF="http://">
                <IMG SRC="billeder/knap_5.jpg" WIDTH=48 HEIGHT=21 BORDER=0 ALT=""></A></TD>
    </TR>
    <TR>
        <TD COLSPAN=6>
            <IMG SRC="billeder/menu_udkast_08.jpg" WIDTH=640 HEIGHT=15 ALT=""></TD>
    </TR>
    <TR>
        <TD COLSPAN=6>
            <IMG SRC="billeder/menu_udkast_09.jpg" WIDTH=640 HEIGHT=26 ALT=""></TD>
    </TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
Avatar billede thesurfer Nybegynder
17. marts 2004 - 11:35 #1
Du mangler en name="eksempel".. og så skal alle tag-navne med småt.. her er et eksempel:

<a href="http://www.noget.dk" onmouseover="skiftbillede('eksempel','02.gif')" onmouseout="skiftbillede('eksempel','01.gif')">
<img src="billeder/knap1.jpg" width=52 height=21 border=2 alt=""></a>
<br>
<img src="01.gif" name="eksempel">
Avatar billede roenving Novice
19. marts 2004 - 20:23 #2
Jeg er helt enig med thesurfer i, at man _bør_ skrive al html-kode med små bogstaver, men så længe man ikke laver xhtml er html principielt case insensitivt, så det bliver bare til 'grim' kode ...

-- desuden bør man også vænne sig til at skrive _alle_ attributter som strenge !-)

-- men det er vel knap1, som skal skiftes, så:

<td>
  <a href="http://www.dgs.dk" onmouseover="skiftbillede('eksempel','/billeder/knap1_click.jpg')" onmouseout="skiftbillede('eksempel','knap1_click.jpg')">

    <img name="eksempel" src="billeder/knap1.jpg" width="52" height="21" border="0" alt=""></a></td>

-- og så bør du i din funktion kalde document.images:

function skiftbillede(img_name,img_src) {
  document.images[img_name].src=img_src;
}
Avatar billede thesurfer Nybegynder
19. marts 2004 - 20:31 #3
hmmm.. "document.images".. hvorfor ikke document.BILLEDENAVN som i document.FORMNAVN.. ?
Avatar billede roenving Novice
19. marts 2004 - 20:40 #4
Fordi det kun er bestemte elementer, der ifølge html-/ECMA-binding-standarden er direkte properties til document, deriblandt forms-arrayet, som både er et selvstændigt array og hvis elementer hver især er properties til document !-)

Billeder (<img>) er _ikke_ selvstændige properties til document, men jeg ved da godt, at visse browsere tillader denne tilgang, men der er vel ikke nogen grund til at udelukker nogle brugere for sådan en detalje, når det er næsten ligeså nemt at skrive det efter standarden !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