Onclick på baggrund
Hej EksperterHar et spørgsmål, hvorfor kan jeg ikke få det her til at virke.
<table>
<tr>
<td>
<img id="mark" style="background-color:#333" width="640" height="480" onclick="placer()" />
<img id="ko" style="background-color:#03C; position:absolute; left:650px; top:100px;" width="259" height="218" />
<img id="gris" style="background-color: #399; position:absolute; left:50px; top:100px; visibility:hidden" width="91" height="57" />
<img id="hest" style="background-color: #996; position:absolute; left:50px; top:100px; visibility:hidden" width="200" height="165" />
</td>
<td valign="top">
<form name="indstillinger">
Næste billede<br />
z-indeks: <input type="text" name="zIndeks" size="2" value="1" /><br />
Det næste dyr er:
</form>
</td>
</tr>
</table>
<script language="javascript" type="text/javascript">
pos = 0;
dyr = new Array();
dyr[0] = ko;
dyr[1] = gris;
dyr[2] = hest;
function placer(){
if (pos >= dyr.lenght){
alert('Der er ikke flere dyr');
return;
}
aktuelt_dyr = dyr[pos];
aktuelt_dyr.style.left = window.event.x;
aktuelt_dyr.style.top = window.event.y;
aktuelt_dyr.style.zIndex = instillinger.zindex.value;
if (pos + 1 < dyr.length){
naeste_dyr = dyr[pos+1];
naeste_dyr.style.left = 650;
naeste_dyr.style.top = 100;
naeste_dyr.style.visibility = 'visible';
}
pos++;
}
</script>
Jeg er ved at lære at kode i javascript, og det er første gang jeg prøver dette.
Opgaven går ud på at få feks. ko til at placere der hvor man trykker på baggrunden. Men der sker ikke noget, har prøvet at gå koden igennem flere gange men kan simpelhen ikke finde fejlen.
Jeg læser og prøver at lære igennem bogen javascript programmering en dansk bog af Kristian Hansen
Med venlig hilsen
Morten
