Discussion :

[gastoncs]

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 :

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
<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 html :

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
<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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" data-width="800" data-rel="popup1" class="poplight">Ajouter une personne</a>

c'est ici que je pensais ajouter

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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