[Javascript] Kan de fout niet vinden

[Tuinkabouter !!]

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

-WJ

[belgo]

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

[Tuinkabouter !!]

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> 


[Enlightenment]

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

document.images["whichButton"].src

[Tuinkabouter !!]

Met haakjes doet ie nog hetzelfde...

-WJ

[belgo]

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.

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

Wordt dan:

<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)

[Tuinkabouter !!]

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

is geworden:

<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

[belgo]

Dus het werkt nu?

[Tuinkabouter !!]

Ja, het werkt. Als jullie er toch niet waren...

-WJ