[JS] Difficulté avec le onmouseover...
Bonjour
Je veux faire changer une image lors du passage de la souris sur du texte mais mon code fonctionne pas très bien..
J'ai cette erreur-ci :
Citation:
Erreur:'document.imagename' a la valeur NULL ou n'est pas un objet
Je n'arrive pas à régler mon erreur..
Merci de votre aide.. :lol:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58
| <script type="text/javascript">
if (document.images)
{
image0 = new Image
image1 = new Image
image2 = new Image
image3 = new Image
image4 = new Image
image5 = new Image
image6 = new Image
image7 = new Image
image8 = new Image
image9 = new Image
image0.src = "/Images/atlantique.jpg"
image1.src = "/Images/amerique.jpg"
image2.src = "/Images/pacifique.jpg"
image3.src = "/Images/pacifique.jpg"
image4.src = "/Images/amerique.jpg"
image5.src = "/Images/amerique.jpg"
image7.src = "/Images/amerique.jpg"
image6.src = "/Images/atlantique.jpg"
image8.src = "/Images/atlantique.jpg"
image9.src = "/Images/terre.gif"
}
</script>
<table height='100' width='350' border='0'>
<tr>
<td><a onMouseover="document.imagename.src=image0.src" onMouseout="document.imagename.src=image9.src" target="new">Afrique</a></td>
<td rowspan="9" width="10"></td>
<td rowspan="9"><center><IMG src='Images/terre.gif'></td>
</tr>
<tr>
<td><a onMouseover="document.imagename.src=image1.src" onMouseout="document.imagename.src=image9.src" target="new">Amérique du Sud</a></td>
</tr>
<tr>
<td><a onMouseover="document.imagename.src=image2.src" onMouseout="document.imagename.src=image9.src" target="new">Asie</a></td>
</tr>
<tr>
<td><a onMouseover="document.imagename.src=image3.src" onMouseout="document.imagename.src=image9.src" target="new">Australie</a></td>
</tr>
<tr>
<td><a onMouseover="document.imagename.src=image4.src" onMouseout="document.imagename.src=image9.src" target="new">Canada</a></td>
</tr>
<tr>
<td><a onMouseover="document.imagename.src=image5.src" onMouseout="document.imagename.src=image9.src" target="new">Caraïbes</a></td>
</tr>
<tr>
<td><a onMouseover="document.imagename.src=image6.src" onMouseout="document.imagename.src=image9.src" target="new">États-Unis</a></td>
</tr>
<tr>
<td><a onMouseover="document.imagename.src=image7.src" onMouseout="document.imagename.src=image9.src" target="new">Europe</a></td>
</tr>
<tr>
<td><a onMouseover="document.imagename.src=image8.src" onMouseout="document.imagename.src=image9.src" target="new">Moyen Orient</a></td>
</tr>
</table><br> |