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 :

Refermer une Div chargée en Ajax


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Octobre 2012
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Octobre 2012
    Messages : 20
    Par défaut Refermer une Div chargée en Ajax
    Bonjour
    je m’y prends sans doute mal mais je n’arrive pas à refermer une Div qui contient du texte chargé via Ajax avec ce code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
     
    $("#cgu").click(function(){
        $("#xxx").load("legal.html"); });
    (function($){
        $.fn.outside = function(ename, cb){
            return this.each(function(){
                var $this = $(this),
                    self = this;
     
                $(document).bind(ename, function tempo(e){
                    if(e.target !== self && !$.contains(self, e.target)){
                        cb.apply(self, [e]);
                        if(!self.parentNode) $(document.body).unbind(ename, tempo);
                    }
                });
            });
        };
    });
    C’est un lien qui appelle le fichier :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a id="cgu">CGU</a>
    et qui se charge dans la Div xxx…
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <div class="center" id="xxx"></div>
    Ce que je voulais c’est qu’en cliquant à l’extérieur de la Div celle-ci se referme.
    Ou alors qu’un lien dans la Div même puisse la refermer.

    Est-ce possible ?
    Merci de vos réponses.

    EDIT : j’ai oublié de dire que le doctype était HTML5.
    Et, aussi, que un <a id="close">Refermer</a> à l’extérieur de la div fonctionne avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
     $("#close").click(function(){ 
    	$("#xxx").hide("slow"); });
    mais après, la Div ne peut plus être réouverte.
    Bref je dois m’y prendre très très mal.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

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

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    un
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("#xxx").empty().slideUp()
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("#xxx").empty().hide()
    et si tu veux la reafficher pas besoin de la vider ...
    Ma page Developpez - Mon Blog 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

    Venez sur le Chat de Développez !

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    $(document).on('click', function(e){
        if($(e.target).closest('#xxx').length == 0){
            $('#xxx').remove();
        }
    });
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre averti
    Homme Profil pro
    Inscrit en
    Octobre 2012
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Octobre 2012
    Messages : 20
    Par défaut
    Désolé : j’étais en train d’éditer mon post pour y ajouter des informations quand vous avez répondu.

    J’ai vu le code que vous avez posté mais je ne le comprends pas et ne vois pas comment l’employer.

  5. #5
    Membre averti
    Homme Profil pro
    Inscrit en
    Octobre 2012
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Octobre 2012
    Messages : 20
    Par défaut
    Comme j’ai du mal à comprendre ce qui ne m’a pas été expliqué, quelqu’un aurait-il la bonté d’âme de m’en dire plus ?

Discussions similaires

  1. Réponses: 3
    Dernier message: 11/05/2010, 05h16
  2. Réponses: 1
    Dernier message: 25/09/2009, 12h03
  3. Réponses: 1
    Dernier message: 23/07/2009, 18h56
  4. Obtenir les informations d'une page chargée en AJAX d'un site exterieur
    Par roro59650 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 23/07/2009, 17h43
  5. [AJAX] Appel d'une fonction javascript dans une page chargée en ajax
    Par baedal dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 17/04/2008, 17h03

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