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

JavaScript Discussion :

Onclick sur un DIV, arrêter la propagation aux éléments cliquable à l'intérieur


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Septembre 2002
    Messages
    145
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2002
    Messages : 145
    Points : 59
    Points
    59
    Par défaut Onclick sur un DIV, arrêter la propagation aux éléments cliquable à l'intérieur
    BOnjour à tous,

    Voila j'ai un soucis, et j'arrive pas à trouver la solution. Pour simplifier voila le code javascript

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div class="div_ligne tab_positif" onclick='AfficheInfos(8,8);'>
      	<div>
      		<div class="div_field"><img id="pic8" src="/images/board/tableau/collapsed.gif">&nbsp;<a href="#">Cliquez ici</a></div>
      		<div class="div_field">4</div>
        </div>
      </div>
    et le javascript

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function AfficheInfos( id, total)
    {
    alert('passage');
    }
    Voila mon problème est simple, lorsque je clique "Cliquez ici", ça lance la fonction "AfficheInfos", hors je ne veux pas que la fonction s'active lorsque je clique sur un lien ou un autre élément contenu dans le div. Je veux que l'evenement s'active uniquement si on clique sur lui et pas sur ce qu'il ya dedans ... j'espère que c'est compréhensible lol


    Merci

  2. #2
    Membre habitué Avatar de xess91
    Homme Profil pro
    Inscrit en
    Octobre 2008
    Messages
    408
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Octobre 2008
    Messages : 408
    Points : 193
    Points
    193
    Par défaut
    Salut,

    Dans ce cas tu dois mettre ton onclick="tafonction();" sur le lien qui entour les mot cliquez ici.

  3. #3
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    xess91 du tout ...

    Mick91, oriente toi vers cancelbuble et stoppropagation ...

    Autre solution , identifier l'élément sur lequel tu as cliqué via :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    window.event.srcElement //pour ie
    window.event.target //pour firefox
    est ton ami fait gagner du temps à ceux qui aident , donc un message avec la balise résolu laisse plus de temps pour résoudre d'autres problèmes

    Premier ministre du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )

Discussions similaires

  1. Actualiser DIV par Onclick sur un Boutton
    Par medhan dans le forum jQuery
    Réponses: 1
    Dernier message: 01/09/2013, 16h19
  2. Onclick sur un div sauf sur les div enfants
    Par Roromix dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 28/02/2009, 18h13
  3. Onclick non pris en compte sur une div ( sous IE7)
    Par le_chomeur dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 22/09/2008, 16h40
  4. onClick sur deux div superposés
    Par sourivore dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 03/09/2008, 09h27
  5. syntaxe onclick sur un div
    Par clara1 dans le forum Général JavaScript
    Réponses: 40
    Dernier message: 16/05/2008, 10h02

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