Récupérer une variable jQuery en PHP avec ou sans AJAX ? Besoin d'aide

[Tyra3l]

Bonjour, voilà j'ai un soucis en jQuery pour passer une variable à PHP.
je pense que je dois utiliser AJAX mais malheureusement je suis une bille sur AJAX, je vous décris mon problème ci-après :

Le but :

Lorsque je clic sur une ligne je dois récupérer l'id de la ligne contenu dans la zone que je récupère grâce à ce morceau de code jQuery :

Code :

$(this).parent($('tr')).children().first().html()

J'aimerai pouvoir ensuite récupérer cet ID en PHP pour faire mes requêtes en base et ensuite afficher une fenetre qTip (sorte de popup en jquery) avec un formulaire de checkbox à cocher, j'ai tenté une solution :

Code jQuery :

Code :

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
 
 
$(document).ready(function()
{
	$('#demo-modal').qtip(
	{ 
		// Since we're only creating one modal, give it an ID so we can style it
		id: 'modal',
		content: {
			text: $('div:hidden'),
			title: {
				text: 'Dupliquer le produit',
				button: true
			}
		},
		position: {
			// ...at the center of the viewport
			my: 'center',
			at: 'center',
			target: $(window)
		},
		show: {
			// Show it on click...
			event: 'click',
			solo: true, // ...and hide all other tooltips...
			modal: true // ...and make it modal
		},
		hide: false,
		style: 'ui-tooltip-light ui-tooltip-rounded'
	});
 
	$('.duplicate').live('click', function() {
		$('div.retrieveIdProduit')
						.append('<div class="id_produit" style="display: none;"></div>');
		$('div.id_produit').append('<form name="id_produit" class="idProduit" method="POST">'+
								   '</form>'+
								   '<div class="flash"></div>');
		$('form.idProduit')
						.append('<input type="hiddden" name="id_produit" value="'+$(this).parent($('tr')).children().first().html()+'" />');
		$('form.idProduit').submit();
	});
		$('#demo-modal').data('qtip').show();

Code PHP :

Code :

1
2
3
4
5
6
7
8
9
10
11
 
<div class="retrieveIdProduit"></div>
	<div id="demo-modal" style="display: none;">
		<div class="checkBoxes" name="duplicateProduct">
			<form class="checkBoxesForm" name="duplicateProductForm" method="POST">
				<input type="checkbox" name="select_cb_product_name" value="<?php echo $attributsProduit->id; ?>" />
				<input type="text" name="product_name" value="<?php echo $attributsProduit->id; ?>" />
				<input type="submit" name="send" value="Dupliquer" />
			</form>
		</div>
	</div>

Mais malheureusement l'ouverture de la qTip est empêché par le rechargement de la page dû à l'envoi des données avec la validation du formulaire.
Je pense qu'il faudrait envoyer les données via ajax pour ça mais je suis une bille en AJAX... pourriez-vous m'aider pour créer cet envoi AJAX afin de récupérer mon ID en PHP pour que je puisse faire mes requêtes et ainsi ouvrir mon formulaire ?

Merci d'avance.

[SpaceFrog]

regarde la doc ..

Code :

1
2
3
4
5
 
$.ajax()
$.get()
$.post()
$.load()