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 :
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 : Sélectionner tout - Visualiser dans une fenêtre à part $(this).parent($('tr')).children().first().html()
Code jQuery :
Code PHP :
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 $(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();
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.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
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.
Partager