Scholieren.com forum - [Javascript] Kan de fout niet vinden

Scholieren.com forum (https://forum.scholieren.com/index.php)

- Software & Hardware (https://forum.scholieren.com/forumdisplay.php?f=20)

- - [Javascript] Kan de fout niet vinden (https://forum.scholieren.com/showthread.php?t=563481)

[Javascript] Kan de fout niet vinden

PHP-code:


		
			


<script language="javascript">



// Laad de "rollover" knoppen

img1on=new Image();  img1on.src="home2.gif";

img2on=new Image();  img2on.src="gastenboek2.gif";

img3on=new Image();  img3on.src="foto2";

img4on=new Image();  img4on.src="boekingen2.gif";



// Laad de "normale" knoppen

img1off=new Image(); img1off.src="home1.gif";

img2off=new Image(); img2off.src="gastenboek1.gif";

img3off=new Image(); img3off.src="foto1.gif";

img4off=new Image(); img4off.src="boekingen1.gif";



// De rollover

function imgOn(whichButton) {

   document.images[whichButton].src = eval(whichButton+"on.src");

   }

function imgOff(whichButton) {

   document.images[whichButton].src = eval(whichButton+"off.src");

   }



    </script>

Ik krijg een foutmelding van het stukje

PHP-code:


		
			


// De rollover

function imgOn(whichButton) {

   document.images[whichButton].src = eval(whichButton+"on.src");

   }

function imgOff(whichButton) {

   document.images[whichButton].src = eval(whichButton+"off.src");

   }

Hij zegt: Fout: document.image[...] is leeg of geen object.
Waar zit de fout?

PS Ik ben nog niet zolang bezig met javascript, misschien is het wel een domme fout maar je moet ergens beginnen :D

-WJ

Misschien is de bijbehorende HTML code (en dan vooral de image tags waar dit stukje JS code op slaat) handig?

PHP-code:


		
			
<script language="javascript" type="text/javascript">



// Laad de "rollover" knoppen

img1on=new Image();  img1on.src="home2.gif";

img2on=new Image();  img2on.src="gastenboek2.gif";

img3on=new Image();  img3on.src="foto2";

img4on=new Image();  img4on.src="boekingen2.gif";



// Laad de "normale" knoppen

img1off=new Image(); img1off.src="home1.gif";

img2off=new Image(); img2off.src="gastenboek1.gif";

img3off=new Image(); img3off.src="foto1.gif";

img4off=new Image(); img4off.src="boekingen1.gif";



// De rollover

function imgOn(whichButton) {

  document.images[whichButton].src=eval(whichButton+"on.src");

  }

function imgOff(whichButton) {

  document.images[whichButton].src=eval(whichButton+"off.src");

  }



</script>





a href="index.htm"

  onmouseover="imgOn('img1'); window.status=''; return true;"

  onmouseout="imgOff('img1'); window.status=''; return true;">

<img src="home1.gif"

    border="0"

    height="41"

    width="144"

    alt="home"

    name="Home"></a>



<a href="/gastenboek/index.php"

  onmouseover="imgOn('img2'); window.status=''; return true;"

  onmouseout="imgOff('img2'); window.status=''; return true;">

<img src="gastenboek1.gif"

    border="0"

    height="41"

    width="144"

    alt="Gastenboek"

    name="Gastenboek"></a>



<a href="foto.htm"

  onmouseover="imgOn('img3'); window.status=''; return true;"

  onmouseout="imgOff('img3'); window.status=''; return true;">

<img src="foto1.gif"

    border="0"

    height="41"

    width="144"

    alt="foto's"

    name="foto's"></a>



<a href="boekingen.htm"

  onmouseover="imgOn('img4'); window.status=''; return true;"

  onmouseout="imgOff('img4'); window.status=''; return true;">

<img src="boekingen1.gif"

    border="0"

    height="41"

    width="144"

    alt="boekingen"

    name="boekingen"></a>

Ik weet verder niks van JS, maar probeer eens haakjes te zetten, dus:

document.images["whichButton"].src

Met haakjes doet ie nog hetzelfde...

-WJ

Ik weet ook niet veel van JS, maar volgens de error bestaan de images niet in het document. Dat kan kloppen, want je hebt nergens de images een ID gegeven.

Code:

<img src="boekingen1.gif" border="0" height="41" width="144" alt="boekingen" name="boekingen">

Wordt dan:

Code:

<img src="boekingen1.gif" border="0" height="41" width="144" alt="boekingen" id="img1">

(ik heb het name="boekingen" uit je tag geflikkert omdat ik denk dat het stoort met het ID attribuut, maar je kunt het proberen)

Code:



<img src="boekingen1.gif" border="0" height="41" width="144" alt="boekingen" name="boekingen">

is geworden:

Code:

<img src="boekingen1.gif" border="0" height="41" width="144" alt="boekingen" name="img1">

foutje...ik dacht dat bij name de tekst boekingen helemaal onderin kwam te staan ipv de volledige link

Bedankt !

-WJ

Ja, het werkt. Als jullie er toch niet waren... :D :p

-WJ