Discussion :

[sam01]

bonjour à tous,

voic mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[gerald2545]

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

[Auteur]

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



souhaitais-tu obtenir ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[sam01]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[FremyCompany]

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

ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ex correct de ce que tu voulais faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[sam01]

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