Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 31/01/2011, 11h20   #1
Invité de passage
 
Inscription : décembre 2009
Messages : 14
Détails du profil
Informations forums :
Inscription : décembre 2009
Messages : 14
Points : 1
Points : 1
Par défaut selecteur et pointage id

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 :
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
guillaumec59 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/01/2011, 11h32   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
tu as donc plusieurs id identiques ????
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/01/2011, 11h36   #3
Invité de passage
 
Inscription : décembre 2009
Messages : 14
Détails du profil
Informations forums :
Inscription : décembre 2009
Messages : 14
Points : 1
Points : 1
Oui en fait ca se présente comme ca
Code :
<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
guillaumec59 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/01/2011, 11h52   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 007
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 007
Points : 45 091
Points : 45 091
un id doit être unique sur la page...

mets Au lieu d'id

et

Code :
1
2
3
4
5
6
$('.titre').mouseover(function() {
				$(this).children('.fleche').rotateAnimation(450);
			});
			$('.titre').mouseout(function() {
				$(this).children('.fleche').rotateAnimation(0);
	});
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/01/2011, 11h59   #5
Invité de passage
 
Inscription : décembre 2009
Messages : 14
Détails du profil
Informations forums :
Inscription : décembre 2009
Messages : 14
Points : 1
Points : 1
mis a part le ' qui manque, j'ai corrigé mais cela ne fonctionne pas
guillaumec59 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 31/01/2011, 13h40   #6
Invité de passage
 
Inscription : décembre 2009
Messages : 14
Détails du profil
Informations forums :
Inscription : décembre 2009
Messages : 14
Points : 1
Points : 1
Merciiiii
j'ai pigé mon erreur (pointage initial encore)
guillaumec59 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 06h38.


 
 
 
 
Partenaires

Hébergement Web