$_GET["id_table"] vers fenêtre modale ?
Bonjour,
voila actuellement j'ai dans ma page un lien ajouter un nouvel utilisateur qui m'ouvre une fenêtre modale en css avec l'aide de jquery, cette fenêtre modale comporte un formulaire qui une fois remplis envoi une requête en XMLHttpRequest vers une page php de type "insert into" pour ajouter l'utilisateur.
Maintenant je souhaiterais a travers mon tableau qui comporte pour chaque ligne un bouton 'modifier' modifier les éléments d'un enregistrement dans ma fenêtre modale.
habituellement je passe en paramètre de l’icône modifier, l'id de l'enregistrement à modifier que j'ouvre dans une nouvelle page php pour faire la modification et ensuite l'update.
Mais la je souhaite faire la mise à jour à travers du formulaire de la fenêtre modale ! donc ma question est comment passer en argument l'id de l'enregistrement à modifier dans le lien jquery de ma fenêtre modale en css ?
voici mon code avec mes interrogations :
mon scipt jquery pour l'ajout d'user :
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
| <script>
$(document).ready(function() {
jQuery(function($){
$("#ajout_user").submit(function(){
module = $(this).find("input[name=module]").val();
nom_fma = $(this).find("input[name=nom_fma]").val();
duree_fma = $(this).find("select[name=duree_fma]").val();
type_fma = $(this).find("select[name=type_fma]").val();
annee_fma = $(this).find("input[name=annee_fma]").val();
$.post("ajax_add_fma.php",{module: module, nom_fma: nom_fma, duree_fma: duree_fma, type_fma: type_fma, annee_fma: annee_fma},function(html){
if(data='ok'){
//fermeture de la popup avec le formulaire
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove();
});
alert(html);
location.reload();
}else{
alert(html);
}
});
return false;
});
});
</script> |
ensuite j'ai ma div qui contient le formulaire avec le css de la fenêtre modale :
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
43
44
45
46
47
48
| <div id="popup1" class="popup_block">
<center><h2>Ajouter une manoeuvre (FMA)</h2><center>
<br>
<form method="submit" action="#" id="ajout_fma">
<table border="0">
<tr>
<th align="left"><label for ="module">N° du module </label></th><td> <input type="text" id="module" name="module" maxlength="10" size="10"> </td>
</tr>
<tr>
<th align="left"><label for ="nom_fma">Nom de la manoeuvre </label></th><td> <input type="text" id="nom_fma" name="nom_fma" maxlength="120" size="50"></td>
</tr>
<tr>
<th align="left"><label for ="type_fma">Imposé par </label></th><td>
<select name="type_fma">
<option></option>
<?php
do {
?>
<option value="<?php echo $row_Recordset_type['id_type']?>"><?php echo $row_Recordset_type['nom_type']?></option>
<?php
} while ($row_Recordset_type = mysql_fetch_assoc($Recordset_type));
$rows = mysql_num_rows($Recordset_type);
if($rows > 0) {
mysql_data_seek($Recordset_type, 0);
$row_Recordset_type = mysql_fetch_assoc($Recordset_type);
}
?>
</select>
</td>
</tr>
<tr>
<th align="left"><label for ="duree_fma">Durée du module </label></th><td> <select name="duree_fma" >
<option></option>
<option value="00:30:00">30 minutes</option>
<option value="00:45:00">45 minutes</option>
<option value="01:00:00">1 heure </option>
<option value="01:30:00">1 heure 30</option>
<option value="01:45:00">1 heure 45</option>
<option value="02:00:00">2 heures</option>
<option value="04:00:00">+ de 2 heures </option>
</select> </td></tr>
<tr>
<th align="left"><label for ="annee_fma">Année de la manoeuvre </label></th><td> <input type="text" id="annee_fma" value="<?php echo date('Y');?>" name="annee_fma" maxlength="4" size="6"> </td> <tr>
<tr><th><br></br></th></tr>
<tr><th></th><td align="left"><input type="submit" value="Sauvegarder" ></td></tr>
</TABLE>
</center>
</div> |
et la j'ai ce fameux lien qui me permet d'afficher la fenêtre modale,
Code:
<a href="#" data-width="800" data-rel="popup1" class="poplight">Ajouter une personne</a>
c'est ici que je pensais ajouter
Code:
href="#?<?php echo $_GET["id_user"]; ?>"
mais comment le gérer en jquery ?
auriez vous un exemple ou une idée ? merci d'avance pour votre aide
