Discussion :

[jeud84]

Bonjour à tous,

Je tente de reproduire le fonctionnement afficher/masquer des navigateurs pour un menu.

J'explique :
1 er cas
je clique sur un bouton x, j'affiche et je masque mon div "cible" grâce aux méthodes : hide() et slow de Jquery.

2 eme cas, code ci dessous
Si je clique dans le container mais pas sur le div "cible", le div cible passe en hidden
Si je clique sur le div "cible" celui reste affiché.

Mon pb : avec ce code le div "cible" fait parti du div"container" alors si je clique dessus, il disparait

Y-a-t-il une solution pour que cela fonctionne pour bloquer ce phénomène d''héritage ?

merci

$('div.container').not('div.cible').click( function()

<div id="container" class="container">
<div id="cible" class="cible"></div>
<div id="toto" class="toto"></div>
</div>

[Nimothenicefish]

Test un truc du genre : (je sais pas si ça peut marcher mais bon, c'est juste une idée)

Code :

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

1
2
3
4
5
6
$('div.container').click( function(){
    $('div.cible').slideUp('normal');
    $('div.cible').click( function(){
          $('div.cible').slideDown('normal');
    });
});

Explication : Lors d'un clique sur la div container, on cache la div cible...sauf si on clique sur cette même div alors on l'a fait apparaître.. Seul inconvénient, on va la cacher puis la réafficher en même temps :/

[jeud84]

Oui bonne idée, sauf qu'il y a un effet d'héritage

click sur la div cible, qui se répercute sur la div container.
Le premier sélecteur est rappelé donc il applique la méthode slideUp()

Y'a-t-il un moyen de supprimer cette superposition ou ce héritage ?

[Nimothenicefish]

Il n'y a pas d'effet d'héritage car si tu clique sur la div cible ça veut dire que tu as cliquer sur la div container également et si tu suit l'ordre des choses il applique d'abord le slideUp et ensuite vérifie si la div cible a ete cliquer, au quel cas il applique un slideDown. En aucun cas, il va réappliquer un slideUp derrière

edit : je retire ce que j'ai dit après un test. Effectivement la div cible reste cacher :/ L
Là je sèche :s si je trouve quelques choses je te ferais savoir

[jeud84]

Le problème peut être contourné par la technique "fenêtre modale" mais ça ne corrige pas

merci, j'informerai si je trouve une autre solution

[jeud84]

Salut à tous,

ma solution se résume à :
- récupérer les coordonnées (x,y)
- calculer la zone sur laquelle il est étendu en fonction ses dimensions
- d'appliquer la méthode hide() sur l'élément lorsque l'on clique on dehors de cette zone.

Jeud.