Avatar billede webdogs.dk Nybegynder
05. april 2002 - 19:55 Der er 8 kommentarer og
1 løsning

hvordan få jeg denne mouse over til at virke

Jeg har fundet en mouse over på denne side: http://www.neofrog.com/tips/javascript.html

Jeg vil gerne prøve at lave sådan en på min egen side naturligvis med nogle andre billeder. jeg har fået denne til at virke på min egen side, men hvad hvis jeg gerne vil have 4 knapper hvordan skal koden så se ud ??

Jeg har prøvet at lave 2 knapper mere, er der en der kan lave en kode så de kommer til at virke som de 2 andre ?? knapperne finder du her:

http://www.webdogs.dk/kenne2/
Avatar billede jakoba Nybegynder
05. april 2002 - 20:27 #1
din fil mouseover.js fil ligger ikke hvor den skal på http://www.webdogs.dk/kenne2/

men du bruger den da vist heller ikke. koden står jo i siden.

her er det område der skal rettes i:

        <script language="JavaScript">
<!--
        if (document.images) {

            imgtenon = new Image();
            imgtenon.src = "button1_over.gif"; 
            imgelevenon = new Image();
            imgelevenon.src = "button2_over.gif"; 
            imgtwelveon = new Image();                      // on pics for 3 og 4
            imgtwelveon.src = "button3_over.gif"; 
            imgthirteenon = new Image();
            imgthirteenon.src = "button4_over.gif"; 
         
            imgtenoff = new Image();
            imgtenoff.src = "button1_normal.gif";
            imgelevenoff = new Image();
            imgelevenoff.src = "button2_normal.gif";
            imgtwelveoff = new Image();                    // off pics for 3 og 4
            imgtwelveoff.src = "button3_normal.gif";
            imgthirteenoff = new Image();
            imgthirteenoff.src = "button4_normal.gif";
         
            imgtenad = new Image();
            imgtenad.src = "circle2.gif";
            imgelevenad = new Image();
            imgelevenad.src = "circle3.gif";
            imgtwelvead = new Image();                      // store pics for 3 og 4
            imgtwelvead.src = "circle4.gif";
            imgthirteenad = new Image();
            imgthirteenad.src = "circle5.gif";

        }
function imgOn(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "on.src");
            document["common"].src = eval(imgName + "ad.src");
        }
}

function imgOff(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "off.src");
            document["common"].src = "circle1.gif";
        }
}
// -->
</script>

<a href="#"
    onMouseOver="imgOn('imgten')"
    onMouseOut="imgOff('imgten')"
  ><img src="button1_normal.gif" name="imgten" width="55" height="55" border="0"
  ></a
><a href="#"
    onMouseOver="imgOn('imgeleven')"
    onMouseOut="imgOff('imgeleven')"
  ><img src="button2_normal.gif" name="imgeleven" width="55" height="55" border="0"
  ></a
><a href="#"
    onMouseOver="imgOn('imgtwelve')"
    onMouseOut="imgOff('imgtwelve')"
  ><img src="button3_normal.gif" name="imgtwelve" width="55" height="55" border="0"
  ></a
><a href="#"
    onMouseOver="imgOn('imgthirteen')"
    onMouseOut="imgOff('imgthirteen')"
  ><img src="button4_normal.gif" name="imgthirteen" width="55" height="55" border="0"
  ></a><br>

<!--  jeg har tilføjet 2 ekstra 'knapper her ovenfor.
    Hvis man laver omhyggeligt indrykninger og linieskift kan man få det til at se helt overskueligt ud
-->

200p er latterligt for billedskift.

mvh JakobA
Avatar billede webdogs.dk Nybegynder
05. april 2002 - 21:54 #2
Nu er det helt ged i det hvad har jeg lavet forkert ??

http://www.webdogs.dk/kenne2/denne.htm jeg kan ikke selv finde fejlen
Avatar billede jakoba Nybegynder
05. april 2002 - 22:09 #3
Du har fx ikke fjernet den der reference til filen "mouseovers.js" som ikke er der og ikke bliver brugt.

og så har du glemt at ændre name= på de to sidste knapper til 12 og 23. Ligenu er der 3 img kommandoer der har  name="imgeleven"
og så kan javascript ikke finde nogen af dem.

mvh JakobA
Avatar billede webdogs.dk Nybegynder
05. april 2002 - 22:24 #4
Tak for din hurtige besvarelse Jakoba, jeg er lidt tungnem og forstår ikke hvad du mener med det her, kan du skrive hvor i koden jeg præcis har lavet fejlen

og så har du glemt at ændre name= på de to sidste knapper til 12 og 23. Ligenu er der 3 img kommandoer der har  name="imgeleven"
og så kan javascript ikke finde nogen af dem.
Avatar billede jakoba Nybegynder
05. april 2002 - 22:31 #5
Ja der skød jeg også genvej (Plus lavede en stavefejl)

der er fire knapper. i den første hedder billedet  name="imgten"  og det navn bruges også i gegge onmouse___ linier.

i den anden har billedet  name="imgeleven" og det går også igen i de to onmouse___ linier.

de to sidste billeder skal på samme måde have hvert deres navn der ikke findes i forvejen og som også bliver brugt i onmouse__ linierne for det billede

de samme navne bliver brugt som en del af filnavnene ovenfor, men det er allerede iorden.

<a href="#"
    onMouseOver="imgOn('imgten')"
    onMouseOut="imgOff('imgten')"
  ><img src="button1_normal.gif" name="imgten" width="55" height="55" border="0"
  ></a
><a href="#"
    onMouseOver="imgOn('imgeleven')"
    onMouseOut="imgOff('imgeleven')"
  ><img src="button2_normal.gif" name="imgeleven" width="55" height="55" border="0"
  ></a
><a href="#"
    onMouseOver="imgOn('imgtwelve')"
    onMouseOut="imgOff('imgtwelve')"
  ><img src="button3_normal.gif" name="imgtwelve" width="55" height="55" border="0"
  ></a
><a href="#"
    onMouseOver="imgOn('imgthirteen')"
    onMouseOut="imgOff('imgthirteen')"
  ><img src="button4_normal.gif" name="imgthirteen" width="55" height="55" border="0"
  ></a>

mvh JakobA
Avatar billede jakoba Nybegynder
05. april 2002 - 22:45 #6
De to sidste billeder skal have navnene
    name="imgtwelve"
og
    name="imgthirteen"

i din fil står der
    name="imgeleven"
i dem begge to og det må der ikke.
Avatar billede webdogs.dk Nybegynder
05. april 2002 - 23:00 #7
Så trængte den igennem og det virker tak for det. Lav lige et svar så jeg kan give dig dine point
Avatar billede jakoba Nybegynder
05. april 2002 - 23:07 #8
200p er way over the top.
behold dem
Avatar billede webdogs.dk Nybegynder
13. september 2002 - 20:59 #9
lukker
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