Discussion :

[Detoussay]

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.

[SpaceFrog]

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 ...

[Bovino]

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();
    }
});

[Detoussay]

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.

[Detoussay]

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 ?