Discussion :

[helkøwsky]

Bonjour à tout le monde.

Mon problème après bien des lectures sur le web je comprend pas pourquoi mon code ne fonctionne pas, je veux juste faire changer une image avec l'ajout d'un mouseover.

voici le code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
	<img id="toto" alt="test" title="test" src="image/panier/bouton_panier.png" >
 	<script type="text/javascript">
		// Compatibilité du oncmouseover sur les différents browser
		function addEventSimple(obj,evt,fn){
			if (obj.addEventListener)
				obj.addEventListener(evt,fn,false);
			else if (obj.attachEvent)
				obj.attachEvent('on'+evt,fn);
		}
		var bouton = document.getElementById('toto');
		addEventSimple(bouton, 'MouseOver', function()
		{
			bouton.src = "image/panier/bouton_panier2.png";			
		}
		);
</script>

d'avance merci.

[Watilin]

C'est très simple, il faut mettre 'mouseover' tout en minuscules.
Contrairement à HTML, JavaScript est sensible à la casse. Le fait que les évènements JavaScript sont aussi souvent des noms d'attributs HTML est une source de confusion notoire

[helkøwsky]

MERCI !

lol j'ai passé un bon bout de temps à chercher, le problème venait de là en html je les voyait écrit avec les majuscules dans les tutoriaux !