Discussion :

[sebdelyon]

Bonjour à tous J'ai sur mon site une page en PHP ouvrant un POPUP à l'aide de JQUERY. Ce popup contenant du php doit récupérer une donnée de JQUERY et là je bloque.
Voici une partie du code de ma page :

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 src="jquery191.js"></script>
<script  type="text/javascript" language="javascript">
jQuery(function($){					
	//Lorsque vous cliquez sur un lien de la classe poplight
	$('a.poplight').on('click', function() {	
		var popID = $(this).data('rel'); //Trouver la pop-up correspondante
		var popWidth = $(this).data('width'); //Trouver la largeur
        var popHeight = $(this).data('height'); //Trouver la largeur
		var custom = $(this).data('rel2'); //Trouver l'id		
		//Faire apparaitre la pop-up et ajouter le bouton de fermeture
		$('#' + popID).fadeIn().css({'customers_id':custom, 'width': popWidth, 'height': popHeight}).prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');
		alert(custom)//recup des données 		
		//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() + 40) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;		
		//Apply Margin to Popup
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});		
		//Apparition du fond - .css({'filter' : 'alpha(opacity=80)'}) pour corriger les bogues d'anciennes versions de IE
		$('body').append('<div id="fade"></div>');
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();		
		return false;		
	});	
	//Close Popups and Fade Layer
	$('body').on('click', 'a.close, #fade', function() { //Au clic sur le body...
		$('#fade , .popup_block').fadeOut(function() {
			$('#fade, a.close').remove();  
	}); //...ils disparaissent ensemble		
		return false;
	});	
});
</script>
<tr>
<div id="popup3" class="popup_block">
<?php
//======================================================== récup des données ==============================================================
$variableToto = $_POST['custom'];
echo "test" .$variableToto ;
 
$cust_id=$_GET['custom'];
echo 'test '. $cust_id;
//echo json_encode($code);
	echo 'test' .$custom=$_GET['customers_id'];
 
	$customer_query = tep_db_query("select * from " . TABLE_CUSTOMERS . " where customers_id = '" . $cust_id . "'");
  	$customer = tep_db_fetch_array($customer_query);

Je voudrai récupérer la donnée "custom" dans mon code php.
Merci pour votre aide, car malgré mes recherches sur Google, je ne trouve pas ce cas de figure où le code Jquery et PHP sont sur la même page.
Mais comment passer cette donnée de JQUERY à PHP ????

[vandenn3]

Salut,

tu devrais utiliser les balises CODE pour insérer des codes dans tes messages, c'est plus facile à lire pour nous

Tu veux que PHP récupère des données entrées par l'utilisateur? Si non, où sont stockée ces données au départ?

Pour envoyer des données à PHP, tu devrais soit utiliser ajax: https://developer.mozilla.org/fr/docs/AJAX/Premiers_pas pour faire une requête vers la même page,

soit utiliser une iframe invisible et envoyer un formulaire sur la page: http://w3blog.fr/2009/01/06/envoyer-...arger-la-page/,

soit faire un simple formulaire qui pointe vers la page actuelle (la page doit donc être rechargée).

Il faut savoir que Jquery ne peux plus communiquer avec le PHP qui est sur la page dès qu'elle est totalement chargée, il faut donc rappeler le PHP avec les données.

Bonne soirée

[sebdelyon]

Merci pour ta réponse et désolé pour l'absence des balises CODE.
En fait, les données sont transmisses dans l'URL de la page où il y a le code JQUERY et PHP.
Du coup, ma méthode de développement sur cette page n'est pas la bonne.
Je continue de travailler dessus et trouver une autre stratégie.
Je laisse la discussion ouverte jusqu’à la solution.
En tout cas merci pour tes informations pertinentes et utiles.

[isonah]

Bonsoir,

JQuery (qui n'est que du javascript finalement) doit avoir toutes les données dont il a besoin après le chargement de la page, qui elle, provient d'un serveur PHP. Ceci dit, ta variable "custom" doit être au préalable chargée. Si c'est une variable unique qui ne dépend pas d'une action par exemple, bah tu n'a qu'à la ranger quelque part dans la page (avec display hidden) et lui associer un ID pour la récupérer. Si la variable "custom" dépend de numéro d'index d'une ligne de la table et d'une cellule par exemple, bah alors tu n'a qu'à détecter cet événement et récupérer ta valeur.

Sinon je ne vois pas où réside vraiment ta difficulté avec les lumières que je viens de donner.
Cdt,

[sebdelyon]

Bonsoir
Merci Isonah, tes lumières ne sont pas assez fortes pour moi.
Pour custom, je récupére la valeur par quel moyen, en passant par un ID dans un div ?

[SpaceFrog]

Tu souhaites passer par un rechargement de page ou non ?

Avec rechargement de page:
passe les données en paramètres get d'une url de location.href

Sans rechargement:
Avec un ajax => $.ajax, $.post, $.get