IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Masquer un <div> si click externe au <div>


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 57
    Par défaut Masquer un <div> si click externe au <div>
    Bonjour,

    j'ai un <div> en display:none; que j'affiche/cache à nouveau lorsque l'on clique sur un lien.

    Voici la fonction :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    // FAIRE APPARAITRE / DISPARAITRE LE MINIAUTH
    	$("#miniauth_trigger").click(function() {
     
    			if( $("#miniauth").is(":visible") ) {
    				$("#miniauth").slideUp("fast");
    			}
    			else {
    				$("#miniauth").slideDown("fast");
    			}
     
    			return false;
     
    	});
    Mais j'aimerai également que lorsque le <div> est visible, et que l'on clique en dehors de lui, il se ferme.
    Comment puis-je faire cela ?

  2. #2
    Membre expérimenté
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2006
    Messages
    205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Octobre 2006
    Messages : 205
    Par défaut une technique
    qui marche mais test bien sur ie ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    $().click(function(e){
    	if ($(e.originalTarget).attr('id') != "miniauth"  )	$("#miniauth").css('display','none');
    })

Discussions similaires

  1. Double click obligatoire sur un div pour que onclick fonctionne
    Par gestgm dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 19/05/2014, 16h36
  2. Réponses: 2
    Dernier message: 21/01/2011, 14h45
  3. [Dojo] click droit sur le div avec Dojo
    Par maximus2010 dans le forum Bibliothèques & Frameworks
    Réponses: 3
    Dernier message: 12/03/2010, 10h30
  4. afficher page externe dans un div
    Par ouedmouss dans le forum JSF
    Réponses: 1
    Dernier message: 16/11/2006, 19h01
  5. click sur une zone <DIV>
    Par Commodore dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 22/07/2006, 14h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo