Cacher des div en cliquant sur le body

**mounim_taoufik** · 28/02/2011, 19h44

Salut tous le monde

comme il est montionné dans le titre j'aimerai savoir comment je pourrait cacher des div en cliquant sur le body de la page sachant que ces div là se chargent quand on survole sur des images par ex :

Code :

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

<a onmouseover="$('#MenuFlash').fadeIn()" href="#"><div id="flash"></div></a>

et quand je clique sur le body de la page j'aimerai que tous disparaître.
Le problème que juste une seul ou bien à dire la première ligne qui disparaître:

Code :

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

<body onclick="$('#MenuFlash').fadeOut()" ondblclick="$('#connex').fadeOut()">

Merci pour vos réponse d'avance
cordialement

**gwinyam** · 01/03/2011, 10h38

Au lieu de l'attribut onClick de la balise body, mets ton code plutôt dans un bloc script :

Code javascript :

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

$(document).click( function() { ... } );

Non seulement t'es sûr que ça marchera, mais en plus, ça rendra ton code HTML plus propre. En général, mieux vaut éviter de mélanger le code HTML, les scripts JS et les feuilles CSS. Ne serait-ce que pour des raisons de lisibilité.

**mounim_taoufik** · 01/03/2011, 11h07

Bonjour

Merci gwinyam pour votre réponse.

votre code va ne pas marché pourquoi ?

tous simplement quand je survole sur une image une div contient un formulaire d'affiche donc quand je vais cliquer sur un champs le div va disparaître.

**gwinyam** · 01/03/2011, 11h15

Dans ce cas, utilise plutôt un plugin de lightbox tout ce qu'il y a de plus classique mais surcharge l'appel pour déclencher l'ouverture non pas au clic mais au survol.

Ceci dit, même si tu as raison, le onclick sur le body aurait la même conséquence.

Cacher des div en cliquant sur le body

jQuery

Vue hybride

Discussions similaires

Partager

Partager