Discussion :

[le_chomeur]

bonjour a tous , j'ai un soucis que je n'arrive pas a résoudre :

Code :

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

<div id="1"><div id="2"><input type="checkbox" /></div></div>

voila pour le code

je souhaite binder 2 évènement mais lorsque que bind un click sur div id 1 et que je click sur la checkbox , l'évènement est déclenché :-/

quelqu'un aurait-il une idée ?

( ps j'ai essayé les stopPropagation mais rien n'y fait ... )

[Auteur]

bonsoir,

est-ce que ceci peut répondre à ton problème ?


[edit]
Je n'ai pas vu que j'étais dans le forum JQuery
Mais je laisse ma réponse au cas où...
[/edit]

[le_chomeur]

Salut auteur , ça faisait un moment

je pense effectivement que le drapeau est la seule solution ^^

merci encore ^^

[SpaceFrog]

avec jquery passe par le data pour y mettre ton flag ??

[Bovino]

Ceci dit, je suis étonné que stopPropagation() ne fonctionne pas
Peut-être avec un return false dans le gestionnaire de l'input.
Au pire, utilise Event.target pour déterminer quel élément à reçu l'événement.

[danielhagnoul]

Bonjour

Un ID doit être unique et il doit commencer par un caractère alphabétique (Norme W3C HTML 4) !

Code :

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

1
2
3
4
5
6
7
<div id="monID1">
	<p>Un mot pour remplir</p>
	<div id="monID2">
		<input type="checkbox" />
		<p>Un mot pour remplir</p>
	</div>
</div>

Au pire, utilise Event.target pour déterminer quel élément à reçu l'événement.

currentTarget() pour obtenir la division et target() pour l'élément de la division qui a reçu le clic.

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
$("#monID1").click(function(e){
	console.log("monID1, target = ", e.target, ", currentTarget = ", e.currentTarget);
 
	return false;
});
 
$("#monID2").click(function(e){
	console.log("monID2, target = ", e.target, ", currentTarget = ", e.currentTarget);
 
	return false;
});
 
$("#monID2 > input[type='checkbox']").click(function(e){
	console.log("input, target = ", e.target, ", currentTarget = ", e.currentTarget);
 
	return false;
});

[Auteur]

Salut auteur , ça faisait un moment

Salut. Effectivement cela fait un bout temps Mais je suis toujours là

Au pire, utilise Event.target pour déterminer quel élément à reçu l'événement.

currentTarget() pour obtenir la division et target() pour l'élément de la division qui a reçu le clic.

je croyais que ces fonctions n'étaient pas compatibles avec tous les navigateurs

[Bovino]

je croyais que ces fonctions n'étaient pas compatibles avec tous les navigateurs

Là on parle des propriétés de l'objet Event de jQuery, donc si, la syntaxe est uniformisée et compatible

[danielhagnoul]

je croyais que ces fonctions n'étaient pas compatibles avec tous les navigateurs

C'est la version jQuery : http://api.jquery.com/category/events/event-object/

[le_chomeur]

Bonjour

Un ID doit être unique et il doit commencer par un caractère alphabétique (Norme W3C HTML 4) !

Code :

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

1
2
3
4
5
6
7
<div id="monID1">
	<p>Un mot pour remplir</p>
	<div id="monID2">
		<input type="checkbox" />
		<p>Un mot pour remplir</p>
	</div>
</div>

Daniel je me permet de souligner que j'étais modo sur DVP et que je sais tout ça lol il s'agit d'un bout de code uniquement pour illustrer mon problème

currentTarget() pour obtenir la division et target() pour l'élément de la division qui a reçu le clic.

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
$("#monID1").click(function(e){
	console.log("monID1, target = ", e.target, ", currentTarget = ", e.currentTarget);
 
	return false;
});
 
$("#monID2").click(function(e){
	console.log("monID2, target = ", e.target, ", currentTarget = ", e.currentTarget);
 
	return false;
});
 
$("#monID2 > input[type='checkbox']").click(function(e){
	console.log("input, target = ", e.target, ", currentTarget = ", e.currentTarget);
 
	return false;
});

Au final j'ai fait beaucoup plus simple qu'un flag :
- Div 1 positionnéé en absolute avec un z-index à 1
- Div 2 positionnée en absolute a l'extérieur de Div 1 et avec un z-index à 2

pour le stopPropagation j'ai pas mal recherché le pourquoi cela ne fonctionnait pas et je n'ai pas trouvé de solution

[Shikiryu]

Pour moi, stopPropagation() fonctionne :

http://jsfiddle.net/sWcv9/

html:

Code :

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

<div id="monID1">     <p>Un mot pour remplir</p>     <div id="monID2">         <input type="checkbox" />         <p>Un mot pour remplir</p>     </div> </div>

jquery:

Code :

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

1
2
3
4
5
6
$("#monID1").click(function(e){     
    alert('pwet');
});
$("#monID2 > input[type='checkbox']").click(function(e){     
    e.stopPropagation();
});

[le_chomeur]

effectivement sur cet exemple cela fonctionne mais sur mon écran ( un peu plus complexe ) les click sur les checkbox sont bindé en live après avoir été créer suite a une requète en ajax , est ce cela le problème ?

je vais vérifier ...

[Invité]

salut,

oui.
Lorsque tu es en live, tu choppes l'event une fois qu'il est remonté à document.
Donc si tu es bindé normalement dans ton div, tu vas d'abord chopper l'event dans le div, et apres dans l'input!

[Bovino]

Du coup, tu devrais effectivement vérifier le Event.target lorsque tu reçois l'événement sur la div

[le_chomeur]

Merci pour ce complément d'info , j'avais un doute sur le bind en live ^^
Bovino , yes je dois vérifier d'ou provient l'évènement ^^

merci à tous

[Auteur]

Daniel je me permet de souligner que j'étais modo sur DVP et que je sais tout ça lol il s'agit d'un bout de code uniquement pour illustrer mon problème

c'est ça, c'est ça Tu t'es planté dans ton bout de code et puis c'est tout

[SpaceFrog]

Daniel je me permet de souligner que j'étais modo sur DVP et que je sais tout ça

c'est pas une raison ...
regarde moi je suis bien modo ^^

[Bovino]

Pour revenir à live(), il est attaché par défaut à la racine du document, mais il est possible de préciser le contexte :

Code :

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

$('#div2', $('#div1').live('click', callback));

mais le mieux reste d'utiliser delegate()

[danielhagnoul]

Daniel je me permet de souligner que j'étais modo sur DVP et que je sais tout ça lol il s'agit d'un bout de code uniquement pour illustrer mon problème

Une excellente raison pour donner le bon exemple au débutant qui lira vos messages !

je souhaite binder 2 évènement mais lorsque que bind un click sur div id 1 et que je click sur la checkbox , l'évènement est déclenché :-/

Si la question n'est pas explicite et posée dans un français correct, "binder 2 évènement", il ne faut pas s'attendre à des miracles.

Si la question n'est pas complète, si le code donné ne reflète pas le véritable problème la solution proposée ne peut résoudre le problème !

[le_chomeur]

Je me permet de souligner le fait qu'en général les initiés comprendront