Discussion :

[guillaumec59]

Bonjour a tous,
J'ai apparemment un pb de pointage d'id, en effet j'ai plusieurs div avec la classe titre, pour lequel au survol il met une image dans le div en rotation

voila le code de base

Code :

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

1
2
3
4
5
6
$('.titre').mouseover(function() {
				$('#fleche').rotateAnimation(450);
			});
			$('.titre').mouseout(function() {
				$('#fleche').rotateAnimation(0);
	});

or évidement ca ne fait tourner l'image que du premier div, comment modifier le code au mieux pour que ce soit pour chacun des div ?
Merci

[SpaceFrog]

tu as donc plusieurs id identiques ????

[guillaumec59]

Oui en fait ca se présente comme ca

Code :

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

<div class="titre"><p><img src="images/titre_photo.png" alt="Menu photos" /><br /><img src="images/titre_fleche.png" alt="" id="fleche" /></p></div>

et donc je voudrais qu'au survol du div la fleche tourne
Je pourrais donner un id diffèrent a chaque div mais pas envie d'écrire 10x la routine pour les 10 onglet du menu

Il y a surement un moyen d'optimiser ca

[SpaceFrog]

un id doit être unique sur la page...

mets

Code :

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

class="fleche"

Au lieu d'id

et

Code :

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

1
2
3
4
5
6
$('.titre').mouseover(function() {
				$(this).children('.fleche').rotateAnimation(450);
			});
			$('.titre').mouseout(function() {
				$(this).children('.fleche').rotateAnimation(0);
	});

[guillaumec59]

mis a part le ' qui manque, j'ai corrigé mais cela ne fonctionne pas

[guillaumec59]

Merciiiii
j'ai pigé mon erreur (pointage initial encore)