Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 27/10/2011, 10h13   #1
Invité de passage
 
Femme
Inscription : octobre 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Femme

Informations forums :
Inscription : octobre 2011
Messages : 4
Points : 0
Points : 0
Par défaut Contradiction écouteurs js

Bonjour à tous

Je voudrai pouvoir faire apparaitre un div en display none en cliquant sur un autre div, puis pouvoir remettre ce div (celui qui était en display none et qui est désormais en display block) en display none en cliquant n'importe où sur la page.

Voilà les deux écouteurs :
Le 1er fait apparaitre le div, le 2eme le fait disparaitre

Code :
1
2
$(".icons_top_cadre").click(function () { 
	$(this).next().show();
Code :
1
2
3
4
5
6
7
8
9
10
11
 $("html").click(function (e) { 
 		if ($("#deplacer_vers").css('display') == "block") {	
 			$("#deplacer_vers").slideUp(); 
 		}
 		else if ($("#copier_vers").css('display') == "block") {
 			$("#copier_vers").slideUp();
 		}
 		else if ($("#marquer_comme").css('display') == "block") {
 			$("#marquer_comme").slideUp();
 		}
 });

Le problème est que quand je clique sur le div pour le faire apparaitre, je clique aussi sur la page, et donc les deux écouteurs agisse, le div apparait puis disparait instantanément

Merci
EpicTech est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 27/10/2011, 10h55   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 040
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 040
Points : 45 141
Points : 45 141
preventDefault()
ou return false en fion de click
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 27/10/2011, 11h58   #3
Invité de passage
 
Femme
Inscription : octobre 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Femme

Informations forums :
Inscription : octobre 2011
Messages : 4
Points : 0
Points : 0
Désoler mais j'ai pas tout piger sur le doc de jquery, tu peux m'expliquer ?
EpicTech est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 27/10/2011, 14h37   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 040
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 040
Points : 45 141
Points : 45 141
Code :
1
2
3
4
5
6
7
8
9
10
11
12
$("html").click(function (e) { 
                e.preventDefalut();
 		if ($("#deplacer_vers").css('display') == "block") {	
 			$("#deplacer_vers").slideUp(); 
 		}
 		else if ($("#copier_vers").css('display') == "block") {
 			$("#copier_vers").slideUp();
 		}
 		else if ($("#marquer_comme").css('display') == "block") {
 			$("#marquer_comme").slideUp();
 		}
 });
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/10/2011, 07h56   #5
Invité de passage
 
Femme
Inscription : octobre 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Femme

Informations forums :
Inscription : octobre 2011
Messages : 4
Points : 0
Points : 0
Lol ok

Merci quand même
EpicTech est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/10/2011, 14h09   #6
Invité de passage
 
Femme
Inscription : octobre 2011
Messages : 4
Détails du profil
Informations personnelles :
Sexe : Femme

Informations forums :
Inscription : octobre 2011
Messages : 4
Points : 0
Points : 0
Je croyais que preventDefault() n'etait que pour les lien, or je n'ai pas de lien
De plus j'ai aussi essayer preventDefalut(), çà ne marche pas non plus.

Je crois que j'ai un problème et que je suis pas près de résoudre ce problème



Un petit screen pour que tu comprenne peut être mieux



Uploaded with ImageShack.us
EpicTech est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 28/10/2011, 16h43   #7
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 040
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 040
Points : 45 141
Points : 45 141
prevent = empecher
default = comportement par defaut
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 05h37.


 
 
 
 
Partenaires

Hébergement Web