Discussion :

[amarcil]

bonsoir a tous,

j'utilises jquery avec le plugin fancybox pour créer un popup virtuel.

Il se créé bien avec le code suivant :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
$(document).ready(function() { 
	/* This is basic - uses default settings */ 
	$("a#single_image").fancybox(); 
	$("a#closefenetre").click(function(){alert('test');});
 
 
	$("#test1").click(function(){
	  window.alert("Clic sur a#test1.");
	});
}); 
</script>

quand je clic sur mon lien :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="group" href="#testube" id="single_image" >blablabla</a>

J'affiche donc un flux de type "inline" qui deviens alors visible :

Code html :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<div style="display:none" id="testube">
 
 
    <p class="redI"><img src="js/ctpm.png" alt="CTPM!" /></p>
 
    <p class="redI">
    Ce blog &eacute;tant r&eacute;serv&eacute; &agrave; un public majeur et averti,<br/>
    il est possible qu'il ne s'adresse pas &agrave; toi.<br/>    
    </p>
 
 
    <p class="centerI">
    <span style="text-decoration:underline;">Si tu t'es perdu en cherchant des coloriages :</span><br/>
 
 
 
   Ferme vite cette fen&ecirc;tre en cliquant sur le bouton sortir.<br/>
   Pr&eacute;vient tes parents qu'Internet n'est pas une nounou digne de confiance.
 
    </p>
 
 
 
    <p class="centerI">    
    Si par le plus grand des hasards, tu es : <br/>
 
    Emily Marylin,Kumi Monster, Apnéa, Masuimi Max, voir Eden Prosper<br/>
 
    je tiens à te f&eacute;liciter pour ta parfaite ma&icirc;trise du français et je t'invite à nous <a href="http://non-dit.com/ctpm/index.php?contact" style="text-decoration:none; color:#FFFFFF; font-weight:bold;">contacter</a> aussi vite que possible!
    </p>
 
 <p class="centerI">
 
 <a id="test1" href="#nogo">FERMER</a>
 <a href="#nogo" title="entrer" id="closefenetre"><img src="js/entrer.png" alt="Entrer"/></a>
 <a href="http://chezlorry.ca/Color/BlancheNeige.htm" title="sortir"><img src="js/sortir.png" alt="Sortir" /></a>
 
   </p>
</div>

Mon probleme est de parvenir a fermer cette popup virtuelle de type "inline" lors du clic sur "FERMER".

Je détecte l'événement du clic si je sors du flux le lien " <a id="test1" href="#nogo">FERMER</a>" mais pas une fois que je le met dans la popup virtuelle.

Comment puis-je faire ?

visible ici :http://non-dit.com/fancyTry/#close
MErci d'avance

[fabienlege]

Bonjour, j'ai exactement le même souci, quelqu'un a-t'il trouvé une solution à ce problème?

Merci

[tamplan]

Bonsoir,

Est-ce que le code suivant fonctionne ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$("#test1").click(function(){
	 $('#fancybox-close').trigger('click');
	});

Il s'agit de déclencher l'évènement clic sur le bouton de fermeture de la popup.

Cordialement