Discussion :

[ollo07]

Bonjour,
j'ai une page 1 ou se trouve une div dans laquelle s'affiche une page 2 via XMLHttpRequest.
j'ai placé dans la page 2 un lien ouvrant un popup.
Si j'affiche la page 2 directement le lien vers le popup fonctionne. Par contre il ne fonctionne pas à partir de la div de la page 1.
Serait-ce une histoire de parent ? Quelqu'un a-t-il une solution ?
Par avance merci.

[SpaceFrog]

j'ai placé dans la page 2 un lien ouvrant un popup.

du code js ?

[ollo07]

Voilà pour le js dans la page 2 :

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
19
20
21
22
23
24
25
26
27
28
29
30
jQuery(function($){
	$('a.poplight').on('click', function() {
		var popID = $(this).data('rel'); //Trouver la pop-up correspondante
		var popWidth = $(this).data('width'); //Trouver la largeur
 
		$('#' + popID).fadeIn().css({ 'width': popWidth}).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');
 
		var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;
 
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
 
		$('body').append('<div id="fade"></div>');
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
 
		return false;
	});	
 
	$('body').on('click', 'a.close, #fade', function() { 
		$('#fade , .popup_block').fadeOut(function() {
			$('#fade, a.close').remove();  
	}); 
 
		return false;
	});
 
});

et voila le lien :

Code html :

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

<a href="#" data-width="500" data-rel="popup1" class="poplight">Lien vers popup</a>

[danielhagnoul]

Bonsoir

Code dynamique, voir la documentation de la méthode on().

Exemple : $('body').on('click', 'a.poplight', function() { ... });