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 :

Div superpos�s et �venements


Sujet :

JavaScript

  1. #1
    Membre chevronn�
    Profil pro
    D�veloppeur informatique
    Inscrit en
    D�cembre 2008
    Messages
    504
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : D�cembre 2008
    Messages : 504
    Par d�faut Div superpos�s et �venements
    Bonjour,

    Voil�, j'ai un probl�me qui revient assez r�guli�rement, et je me demandais s'il existait une "bonne fa�on de faire" pour le contourner.

    Imaginons 2 div en position absolute qui se supperposent :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    <div id="machin" style="position:absolute;width:200px;height:200px;border:1px solid #000;background-color:#FFC;" ondblclick="javascript:alert('machin');" >
     
    	<div id="truc" style="position:absolute;width:50px;height:50px;border:1px solid #000;background-color:#9FC;" ondblclick="javascript:alert('truc');"  >X</div>
     
    </div>
    un double click sur la div du 1er plan va provoquer l'ex�cution des �v�nements des 2 div, et donc afficher 2 alertes !

    Existe t-il donc un moyen naturel de ne d�clencher que l��v�nement du div au 1er plan ?

    En vous remerciant par avance

  2. #2
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    D�cembre 2010
    Messages
    1 009
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activit� : sans emploi

    Informations forums :
    Inscription : D�cembre 2010
    Messages : 1 009
    Par d�faut
    d�j� enl�ve les "javascript:" car aucune utilit� de label en dehors de boucle.

    ensuite, rajoute un "return false" � la fin des instrusctions pour emp�cher l��v�nement de se propager.


  3. #3
    Membre �clair�
    Avatar de Darkyl
    Homme Profil pro
    autodidacte en recherche d'emploi
    Inscrit en
    Novembre 2004
    Messages
    440
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 40
    Localisation : France, Haute Garonne (Midi Pyr�n�es)

    Informations professionnelles :
    Activit� : autodidacte en recherche d'emploi

    Informations forums :
    Inscription : Novembre 2004
    Messages : 440
    Billets dans le blog
    1
    Par d�faut
    Salut,
    il me semble que dans ta fonction appel� par ton 1er div, � la fin, il suffit de mettre return false;(c'est ce que l'on m'as dit, mais cela n'as jamais march� chez moi )

    Sinon, un truc qui marche bien et qui est propre:
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    function click(event)
    {
    event.stopPropagation();
     
    blabla
     
    ...
    }
    A v�rifier le event selon les navigateurs, mais moi j'utilise cela et �a marche tr�s bien.

  4. #4
    Membre chevronn�
    Profil pro
    D�veloppeur informatique
    Inscrit en
    D�cembre 2008
    Messages
    504
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique

    Informations forums :
    Inscription : D�cembre 2008
    Messages : 504
    Par d�faut
    C'est parfait, je me coucherai moins b�te ce soir !

    Merci � vous !

  5. #5
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    D�cembre 2010
    Messages
    1 009
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activit� : sans emploi

    Informations forums :
    Inscription : D�cembre 2010
    Messages : 1 009
    Par d�faut
    Citation Envoy� par Darkyl Voir le message
    Salut,
    il me semble que dans ta fonction appel� par ton 1er div, � la fin, il suffit de mettre return false;(c'est ce que l'on m'as dit, mais cela n'as jamais march� chez moi )
    effectivement, au temps pour moi.

    return false => annule l'action par d�faut sur l'�l�ment. (les liens, les submits, etc...)
    stopPropagation (ou cancelBubble pour IE) emp�che l'�v�nement de se propager.


+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. deux div superpos�s
    Par supcomingenieur dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 04/07/2013, 11h01
  2. Clic() sur DIV superpos�s
    Par dacid dans le forum jQuery
    R�ponses: 5
    Dernier message: 31/05/2011, 16h59
  3. G�rer un m�me �venement sur des div imbriqu�s.
    Par snake-09 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 03/02/2010, 16h36
  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. div non superpos�s et de taille dynamique
    Par ibtisss dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 07/04/2006, 11h56

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