IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Fonction attribut click sur div


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    73
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 73
    Par défaut Fonction attribut click sur div
    bonjour,
    je suis un débutant en javascript.
    je veux changer une image de flesch lors du click sur un div.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div class="famille_1">
    		<h2>FAMILLE DE PRODUITS N°1</h2>
    		<img src="<?php echo $this->_img_path; ?>/flesh_f1_close.jpg"/>
    	</div>
    		<div class="famille_contenu_1 famille_contenu">
    		        <div class="famille_illustr">
    			<img src="<?php echo $this->_img_path; ?>/famille_illustr.jpg"/>
    		        </div>
                   </div>
    la balise image en rouge c'est elle que je veux la changer en cliquant sur famille_1.

    Code javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    $('div.famille_1').click(function() {
     
          	$(this).siblings('.famille_contenu_1').slideToggle('800')
          	.siblings('.famille_contenu:visible').slideUp('800');
    		$('img').attr({ src: "templates/defaut/images/flesh_f1_open.jpg" });
     
     
            });
    dés que je clique sur famille_1 tous les images de la page changent en flesh_f1_open.

    Merci d'avance.

  2. #2
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    ton selecteur $('img') cible toutes les images de la page.

    utilise un contexte, en écrivant $('img', this), ainsi il cible
    les img dans le div.

    si tu veux changer que la première, $('img', this).eq(0)

  3. #3
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,
    Avec $('img', this) chaque image cliqué ne serait-il pas modifié par le même image flesh_f1_open.jpg?
    Je pense que donner un id pour l'image cible du click serait plus précise.

  4. #4
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    ajouter des ID n'est pas forcement nécessaire, regarde la doc des sélecteur
    ici
    tu devrais t'en sortir avec ça

  5. #5
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Oui, mais cela ne cible pas tous les images cliqués du $('div.famille_1')?

  6. #6
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Oui, c'est pour ça que je t'ai proposé d'utiliser eq(0) pour réduire la sélection
    à la première image

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. click sur Div, soucis sur IE et Firefox
    Par Michelk12 dans le forum jQuery
    Réponses: 2
    Dernier message: 19/06/2012, 11h42
  2. fonction .click sur nouvel élément
    Par tylerr dans le forum jQuery
    Réponses: 6
    Dernier message: 30/08/2010, 16h38
  3. [DOM] [debutant] comment détecter un click sur un div
    Par junior68 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 07/06/2009, 15h26
  4. exécuter fonction php après click sur checkbox
    Par neismarspra dans le forum Langage
    Réponses: 1
    Dernier message: 24/11/2008, 23h44
  5. click sur une zone <DIV>
    Par Commodore dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 22/07/2006, 14h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo