Discussion :

[l.laurent60]

Bonjour à tous,
Je viens de découvrir ce tuto fort intéressante : http://sohtanaka.developpez.com/tuto...css-et-jquery/

Donc je cherche à faire passer une variable en GET dans l'url mais cela ne fonctionne pas et je ne trouve pas la bonne syntaxe , voici le code pour ouvrir la popup et je cherche a ajouter la variable t=1 qui est l'ID d'une ligne donc une valeur dynamique.

Code :

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

<a class=\"poplight\" rel=\"popup3\" href=\"#?w=700&t=1\">

et dans la div prévu pour le code j'ai beau faire un <?php echo $_GET['t'] ?> et je ne récupère rien.

[l.laurent60]

Ou pour poser la question autrement comment je peux réimplémenter ce code afin de pouvoir passer une valeur dans l'url et pour faire echo de GET dans ma popup :

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
    <script language="javascript">
	$(document).ready(function() {
		//Le code ici
	//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('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
	$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer
	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>