Discussion :

[autorepair911]

Bonjour, voici un lien vers un super tuto

http://sohtanaka.developpez.com/tuto...css-et-jquery/

Voici le code que j'ai intégrer dans ma page.

Quand je clique sur le lien le Pop Up ne s'affiche qu'une seule fois. Je dois Actualiser la page, pour que le pop up affiche de nouveau

J'aimerais que le pop up s'affiche autant de fois que désiré.

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script language="javascript">
		$(document).ready(function() {
//Lorsque vous cliquez sur un lien de la classe poplight et que le href commence par #
$('a.poplight[href^=#]').click(function() {
	var popID = $(this).attr('rel'); //Trouver la pop-up correspondante
	var popURL = $(this).attr('href'); //Retrouver la largeur dans le href
 
	//Récupérer les variables depuis le lien
	var query= popURL.split('?');
	var dim= query[1].split('&');
	var popWidth = dim[0].split('=')[1]; //La première valeur du lien
 
	//Faire apparaitre la pop-up et ajouter le bouton de fermeture
	$('#' + popID).fadeIn().css({
		'width': Number(popWidth)
	})
	.prepend('');
 
	//Récupération du margin, qui permettra de centrer la fenêtre - on ajuste de 80px en conformité avec le CSS
	var popMargTop = ($('#' + popID).height() + 80) / 2;
	var popMargLeft = ($('#' + popID).width() + 80) / 2;
 
	//On affecte le margin
	$('#' + popID).css({
		'margin-top' : -popMargTop,
		'margin-left' : -popMargLeft
	});
 
	//Effet fade-in du fond opaque
	$('body').append(''); //Ajout du fond opaque noir
	//Apparition du fond - .css({'filter' : 'alpha(opacity=80)'}) pour corriger les bogues de IE
	$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
 
	return false;
});
 
//Fermeture de la pop-up et du fond
$('a.close, #fade').live('click', function() { //Au clic sur le bouton ou sur le calque...
	$('#fade , .popup_block').fadeOut(function() {
		$('#fade, a.close').remove();  //...ils disparaissent ensemble
	});
	return false;
});
		});
 
    </script>

Merci

[zulad]

Hello, tu peux mettre un window.open dans une boucle ...

[autorepair911]

Est-ce possible de modifier ce script afin que le popup s'active plus d'une fois.

SVP m'indiquer les modifications exactes à faire je suis débutant en JS

Merci,

[Bovino]

@zulad : tu as regardé ce dont il s'agit ? window.open() n'a rien à faire ici

@autorepair911 : l'exemple du script (Créez une fenêtre modale avec CSS et jQuery) fonctionne correctement. Donc il n'y a pas de raison pour que ça ne marche pas chez toi...

[zulad]

Une fenètre modale, ce n'est pas un pop up...