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.

28/02/2011, 19h44	#1
mounim_taoufik Candidat au titre de Membre du Club TAOUFIK MOUNIM Inscription : juin 2009 Messages : 83 Détails du profil Informations personnelles : Nom : TAOUFIK MOUNIM Informations forums : Inscription : juin 2009 Messages : 83 Points : 10 Points : 10	Cacher des div en cliquant sur le body 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
	00

01/03/2011, 10h38	#2
gwinyam Membre Expert Mathieu ROBIN Développeur Web Inscription : mai 2006 Messages : 1 116 Détails du profil Informations personnelles : Nom : Mathieu ROBIN Âge : 25 Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Opérateur de télécommunications Informations forums : Inscription : mai 2006 Messages : 1 116 Points : 2 142 Points : 2 142	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é. __________________ Mon blog techno et son billet hebdomadaire sur l'actualité jQuery. Et mon blog cuisine pour une personne. Le bouton ne masse pas les pieds, mais ça aide la communauté.
	00

01/03/2011, 11h07	#3
mounim_taoufik Candidat au titre de Membre du Club TAOUFIK MOUNIM Inscription : juin 2009 Messages : 83 Détails du profil Informations personnelles : Nom : TAOUFIK MOUNIM Informations forums : Inscription : juin 2009 Messages : 83 Points : 10 Points : 10	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.
	00

01/03/2011, 11h15	#4
gwinyam Membre Expert Mathieu ROBIN Développeur Web Inscription : mai 2006 Messages : 1 116 Détails du profil Informations personnelles : Nom : Mathieu ROBIN Âge : 25 Localisation : France, Paris (Île de France) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Opérateur de télécommunications Informations forums : Inscription : mai 2006 Messages : 1 116 Points : 2 142 Points : 2 142	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. __________________ Mon blog techno et son billet hebdomadaire sur l'actualité jQuery. Et mon blog cuisine pour une personne. Le bouton ne masse pas les pieds, mais ça aide la communauté.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email