Discussion :

[rollergirl]

Bonjour à tous,

J'ai une fonction qui est appelé à plein d'endroit dans ma page (au click principalement).
Ma page contient une div principale avec un libéllé et des div enfants (options). Un clic sur une div enfant doit déclencher une seule fois la fonction du onclick et pas 2 fois (l'enfant et le parent).
J'ai vu qu'il y avait possibilité de le bloquer avec e.stopPropagation() mais cela ne fonctionne pas et je ne comprend pas pourquoi...

Une idée ?

Merci d'avance.

Le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
                       function ajouteOptionGlob(categ,idoption, e){
 
                            //alert("valeur de option --"+valeurOp+"--");
                           if ((idoption == 0) && ($("#choix_categ_"+categ).css("display")=="none") ){
                               // Catégorie non affiché 
 
                           }else if ((idoption == 0) && ($("#choix_categ_"+categ).css("display")=="block") ){
                               // Catégorie affiché
                              // EFFACE MA CATEG
                               });
                           }else if ((idoption != 0) && ($("#choix_"+idoption).css("display")=="none") ){
                               //Option masqué
 
                           }else if ((idoption != 0) && ($("#choix_"+idoption).css("display")=="block") ){
                               $("#choix_"+idoption).fadeOut("slow");
                                 e = e || window.event;
                                if(e.stopPropagation) {
                                    e.stopPropagation();
                                } else {
                                    e.cancelBubble = true;
                                }
 
 
                       }
 
 }

[vermine]

BOnjour,

Vous travaillez avec jQuery ou MooTools ou autre ?

[SpaceFrog]

cancelBubble(), stopPropagation()

[dukej]

preventDefault() fera l'affaire
et pour info Vermine, c'est jquery, regarde l'écriture

[Bovino]

preventDefault() fera l'affaire

C'est certes la meilleure solution, mais encore faut-il que l'événement ai été ajouté à l'aide de jQuery...
Vu l'allure du code, j'en doute fort...

Bref, quelle que soit la solution, elle passe par un code "propre" : soit utiliser les gestionnaires jQuery pour les événements, soit faire passer l'objet event de façon conforme : en premier paramètre de la fonction.

[rollergirl]

Merci à tous.

C'est un mix de jquery et javascript simple tout cela.

Les évènements sont ajoutés de la sorte sur les div :
Mais je ne comprend pas, j'alerte bien le event qui est à mais il n'exécute pas la sortie de la fonction comme demandé...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<div id="choix_categ_CAT" class="choixSelection" style="display:none;" onMouseOver='afficheSupprimer("CAT",0)' onMouseOut='affichePrix("CAT",0)' onClick='ajouteOptionGlob("CAT",0,event)'>
CAT 1
<div id='choix_3' class='choixSelection' style="display:none;" OnMouseOver='afficheSupprimer("CAT",3)' OnMouseOut='affichePrix("CAT",3)' onClick='ajouteOptionGlob("CAT",3,event)'>
  <label> Option 1 </label>
  </div>
</div>