un rollover qui ne fonctionne pas

bonjour à tous,

voic mon code :

Code:

---

1 2 3 4 5 6 7 8

<div class="menu01"> <!--<a href="liste.php?univ=consommables"><img src="images/design/menu05.gif"></a>--> <script language="Javascript"> <a href="liste.php?univ=consommables" onMouseOver="bouton.src = '../images/design/menu05_r.gif';" onMouseOut="bouton.src = '../images/design/menu05_r.gif';"></a> </script> </div>

---

mais je n'ai aucune image qui s'affiche et en plus ça me fait bugger ie...

est-ce qu'une balise img ayant l'id "bouton" existe ou non? sinon c'est normal

bonjour,

-pourquoi encadres-tu ton lien des balises script ?
-le lien contenant ta balise img est en commentaire.
(-écris les événements en minuscules ;) )
-tu as IE qui bugge car comme le dit gerald2545, tu n'as pas d'élément bouton.
-les src lors de ton mouseover et de ton mouseout désignent la même image.
-n'y a-t-il pas un souci dans le chemin des images ?
<img src="images/design/menu05.gif">
>tu descends dans le dossier image/design
bouton.src = '../images/design/menu05_r.gif'
>tu remontes dans le dossier parent puis tu vas dans le dossier image/design



:question: souhaitais-tu obtenir ceci :

Code:

---

1 2 3 4

<div> <a href="liste.php?univ=consommables"><img src="images/design/menu05.gif" onmouseover="this.src = 'images/design/menu05_r.gif';" onmouseout="this.src = 'images/design/menu05.gif';"></a> </div>

---

this désigne l'objet appelant l'événement. Ici c'est l'objet img.
mouse over : tu changes l'image lors du passage de la souris sur le lien
mouse out : lorsque tu quittes le lien, tu réaffiches l'image de départ..

j'ai bien essayé ce code mais ça ne amrche toujours pas :

Code:

---

1 2 3 4 5 6

<div class="menu01"> <script language="Javascript"> <a href="liste.php?univ=consommables"><img src="images/design/menu05.gif" onmouseover="this.src = 'images/design/menu05_r.gif';" onmouseout="this.src = 'images/design/menu05.gif';"></a> </script> </div>

---

IE me dit qu'il y a une erreue de syntaxe et en plus l'image n'aparaît pas...

Rhoo, si on te dit que dans une balise script on ne met que du javascript, c'est que c'est vrai !

ex :

Code:

---

1 2 3 4 5 6

<script type="text/javascript"> var x = -1 var y = 1 var z = (x + y) * 2 alert(z) </script>

---

Pour ce que tu fais, cette balise script est donc totalement illégale et donc, empeche ta page de se lancer...

ex de ce que tu fais et qu'il ne faut JAMAIS faire :

Code:

---

<script><img onmouseover="this.src='img2.gif'" /></script>

---

ex correct de ce que tu voulais faire :

Code:

---

1 2	<img onmouseover="this.src='img2.gif'" /> <!-- IL N'Y A PAS DE BALISE SCRIPT -->

---

ça veut dire que pour un rollover on n'a pas besoin de Javascript alors...

Si !
Mais le fait de mettre du texte dans l'evenement onmouseover, c'est déjà préciser que c'est du JavaScript !
La balise script ne sert que pour mettre du code à l'état pur...

Juste une précision...
Si tu tiens vraiment à préciser qu'il s'agit du javascript, bien que ce soit totalement decrapted, tu peux faire ceci :

Code:

---

<input type="button" language="javascript" onclick="alert('onclick')" />

---

ou encore

Code:

---

1 2	<input type="button" onclick="javascript:alert('onclick')" />

---

mais là aussi c'est déprécié et inutile.

Pour faire simple: le code placé dans une balise HTML qui suit un événement (mots clefs commençant par on...) est du javascript, il n'est pas nécessaire de le préciser.

Code:

---

1 2 3 4 5

<img src="image.jpg" onmouseover="alert('mouseover')" onmouseout="alert('mouseout')"> <span onclick="alert('clic')"> cliquez ici</span> <input onclick="alert('clic')">

---

exemple d'événements
onclick
onmouseover
onmouseout
onload
onunload
etc.....

Néanmoins comme l'a précisé FremyCompany si tu insères du code javascript dans le code HTML, tu doit placer des balises script : comme ça le navigateur interprète ce code comme du code javascript et non comme du texte.

voici un exemple : la boite de dialogue s'affiche et interrompt le chargement de la page tant que tu n'as pas cliqué sur "OK" puis le texte s'affiche.

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

<html> <head> <title></title> </head>   <body>   <!--Interprete comme du code javascript--> <script type="text/javascript"> <!-- var a="ceci est du texte" var b=50002; alert("a= "+a+" b="+b);   //--> </script> <!--Interprete comme du texte--> var a="ceci est du texte" var b=50002; alert("a= "+a+" b="+b);   </body>   </html>

---