selecteur et pointage id

**guillaumec59** · 31/01/2011, 11h20

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** · 31/01/2011, 11h32

tu as donc plusieurs id identiques ????

**guillaumec59** · 31/01/2011, 11h36

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** · 31/01/2011, 11h52

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);
	});