Récupérer une variable jQuery en PHP avec ou sans AJAX ? Besoin d'aide
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.