Discussion :

[kohsaka]

Bonjour,

Je souhaite fermer une popup lorsque l'on clique sur l'overlay en arrière plan de la popup, et j'ai du mal a voir de quel manière je peux faire cela.

Avant d'aller plus loin, un peu de code (si peu ) :

Code :

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

1
2
3
<div class="overlay">
  <div class="popup">ma popup</div>
</div>

Voila donc ma structure HTML, je pensais donc faire tout simplement :

Code :

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

1
2
3
$(".overlay").click(function(){
   $(this).ccs({display: "none"});
});

Le problème, c'est que l’évènement est déclenché aussi lorsque je clique sur la popup or ce n'est pas le comportement attendu.
Y a t-il un moyen de faire cela sans récupérer les coordonnées de la popup et les comparer avec celles de la position de la souris ?

Merci.

[Bovino]

Oui, il faut utiliser la propriété target de l'objet event des événements jQuery.

Code :

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

1
2
3
4
5
$(".overlay").click(function(event){
   if(event.target.className == 'overlay'){
      $(this).ccs({display: "none"});
   }
});

[kohsaka]

Merci, je connaissais pas cette fonction même si je me doutais qu'elle existait

Encore merci pour ta réactivité.

[SpaceFrog]

un preventDefault, return false ou stopPropagation aurait pas suffit ?