[PHP-JS] identifier des valeurs avant suppression

Bonjour !:D

Voil� j�ai un formulaire sous forme tableau dynamique. Une fois valid�, les donn�es sont enregistr�es dans mysql. Chaque ligne correspond � des lignes de prestations identifi�es par un id_prestation.

page de test

Naturellement, selon qu�il s�agisse d�une cr�ation ou d�une modification, le traitement php qui est derri�re diff�re.

Mon GROS soucis et lorsque je suis en mode modification et que je supprime une ligne d�j� existante.
En cliquant le lien � delete �, la ligne est bien effac�e de l��cran gr�ce � Javascript, mais pas dans la base de donn�es.
D�o� l�id�e d�int�grer � la fonction de suppression de ligne en js, un script qui permettrait de remplir un champ cach� du type :
<input type="hidden" name="prestation_a_supprimer" value="prestation_a_supprimer[];">
Au fur et � mesure des suppressions, on remplirait l�array prestation_a_supprimer[] par les id_prestation � supprimer.
Une fois transmis � php, on traite l�array et on supprime les lignes � supprimer.

Malheureusement, je bloque �

Je n�arrive pas � :
1) R�cup�rer l�id_reservation de ma ligne qui va �tre supprimer
2) Cela va sans dire remplir mon array prestation_a_supprimer[]

Un coup de main serait le bien venu !

Voil� ce que j�ai essay� :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ///// DEBUT DE TEST ///////////////////////////////// var indice_ligne_supp = rIndex+1; if (num_tbody == 0) // ligne prestations incluses { var numLigneAsupprimer = indice_ligne_supp ; } else if (num_tbody == 2) // { var numLigneAsupprimer = nbLignesInclus + indice_ligne_supp ; } else if (num_tbody == 4) // { var numLigneAsupprimer = nbLignesInclus +nbLignesOptions+ indice_ligne_supp ; } var id_prestation_a_supprimer = document.getElementByTagName('id_prestation'+(numLigneAsupprimer)).value; alert(id_prestation_a_supprimer); /////////////// FIN TEST ///////////////////////
Pour cr�er une nouvelle r�servation
cliquer sur
http://dianamahe.free.fr/ajout_ligne19.php
et donner un num�ro dans id_reservation (ex 789)
saisir des donn�es
et valider.

Pour Modifier votre saisie :
cliquer sur suivi de votre id reservation. (ex 789)

1)

Code:

document.getElementById("id_reservation").value

Code:

document.getElementById("id_reservation").value

?

Cela ne fonctionne pas. J'ai essay� un million de trucs.

Pour l'heure j'ai contourn� le probl�me. J'arrive � r�cup�rer la valeur de l' id_prestation qui doit �tre supprimer. Mais je ne sais pas comment mettre � jour mon champ cach� <input type="hidden" name="prestation_a_supprimer[]" value="">.

Comment j'ai fais :

1) Lorsque je rappelle une r�servation d�j� existante, je g�n�re le code de la page via php. Avant j'avais par exemple pour la partie Prestation Incluses:

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
 
<tbody>
	<?
 
	for ($i=1;$i<=$nb_total_lignes_inclus;$i++) 
	{
	echo "<td style='width: 105px;'><a href='#' onclick='deleteCurrentRow(this,0)'; >delete</a></td>";
	echo "<td style='width: 278px;'><input type='hidden' name='id_prestation$i' value='".$ligne_presta_inclus['id_prestation']."'><input type='hidden' name='categorie_prestation$i' value='2'><input type='text' name='libelle$i' size='40' value='".$ligne_presta_inclus['libelle_prestation']."'></td>";
	echo "<td style='width: 10px;'></td>";
    echo "<td style='width: 85px;'><input type='text' id='montant_vente$i'name='montant_vente$i' size='10' value='".$ligne_presta_inclus['montant_vente']."'readOnly onChange='majTotal_Vente();'></td>";
    echo "<td style='width: 53px;'>".$devise_client_affichage."</td>";
    echo  "<td style='width: 13px;'></td>";
	echo "<td style='width: 111px;'><input type='text' name='montant_achat$i' size='20' value='".$ligne_presta_inclus['montant_achat']."'></td>";
    echo "<td style='width: 41px;'></td>";
	echo "<td style='width: 128px;'><input type='text' name='fournisseur$i' size='20' value='".$ligne_presta_inclus['fournisseur_id']."'></td>";
	echo "</tr>";
	$ligne_presta_inclus =mysql_fetch_assoc($liste_prestations_inclus);
	}   
	?>
</tbody>	
 
	<tbody>
	<tr>
      <td style="width: 105px;"><input type="button" value="Add" onclick="ajoutLigneAuTableau(0);" /></td>

J'ai modifier les param�tres de la fonction deleteCurrentRow en ajoutant un 3�me param�tre que je sais r�cup�rer en php.

Code:

1
2
3
for ($i=1;$i<=$nb_total_lignes_inclus;$i++) 
	{
	echo "<td style='width: 105px;'><a href='#' onclick='deleteCurrentRow(this,0)'; >delete</a></td>";

devient

Code:

1
2
3
4
5
 
for ($i=1;$i<=$nb_total_lignes_inclus;$i++) 
	{
	$id_presta_inclus_sup = $ligne_presta_inclus['id_prestation'];
	echo "<td style='width: 105px;'><a href='#' onclick='deleteCurrentRow(this,0,$id_presta_inclus_sup)'; >delete</a></td>";

avec en debut de code php suivant qui permet de r�cup�rer les donn�es de la base situ� en debut de code de page.

Code:

1
2
3
4
5
 
$requeteInclus = "SELECT * FROM prestation WHERE resa_id = '$id_resa' AND categorie_ligne_id = '2'";
	$liste_prestations_inclus = ExecRequete($requeteInclus, $connexion);
	$nb_total_lignes_inclus = mysql_num_rows($liste_prestations_inclus) ;
	$ligne_presta_inclus =mysql_fetch_assoc($liste_prestations_inclus);

C�t� javascript la fonction deleteCurrentRow devient :

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
 
function deleteCurrentRow(obj,num_tbody,id_prestation_sup)
{
 
		var delRow = obj.parentNode.parentNode;
		var tbl = delRow.parentNode.parentNode;
		var rIndex = delRow.sectionRowIndex;
		var rowArray = new Array(delRow);
		var id_prestation_sup = id_prestation_sup;
		alert(id_prestation_sup);
 
 
		deleteRows(rowArray);
 
		if (num_tbody == 0) // si on ajoute une prestation incluse donc premier tbody donc 0
			{
			nbLignesInclus--;
			}
			else if (num_tbody == 2) // si on ajoute une option donc premier tbody donc 2
			{
			nbLignesOptions--;	
			}
			else if (num_tbody == 4) // si on ajoute une remise donc premier tbody donc 4
			{
			nbLignesRemises--;	
			}
 
			majNumLignes(0);
			majNumLignes(2);
			majNumLignes(4);
 
			// uniquement pour les tests+
			document.getElementById('nb_ligne_inclus').value= nbLignesInclus;	
			document.getElementById('nb_ligne_options').value= nbLignesOptions;	
			document.getElementById('nb_ligne_remises').value= nbLignesRemises;
 
			// Mise à jour du nb total de lignes qui se trouve dans un champ caché
			document.getElementById('nb_total_lignes').value= 1+nbLignesInclus+nbLignesOptions+nbLignesRemises;
 
		majTotal_Vente();
}

Le alert(id_prestation_sup); est juste l� pour m'assurer que j'ai bien la bonne valeur de l'id_prestation � supprimer. voir r�sultant en supprimant une ligne

Ceci �tant dit :
1) maintenant je boque sur comment mettre � jour le champ array
2) Cette m�thode de rajouter un 3�me param�tre est nulle, puisque je suis persuad� qu'on pourrait s'en passer. En effet, la fonction re�oit en param�tre
this et le num�ro de tbody.

J'ai test� le code suivant qui m'affiche bien l'�tiquette du champ � supprimer, mais le probl�me c'est que je n'arrive pas � naviguer dans le dom pour r�cup�rer sa valeur. la preuve en (supprimer une ligne pour tester.

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
 
function deleteCurrentRow(obj,num_tbody)
{
 
		var delRow = obj.parentNode.parentNode;
		var tbl = delRow.parentNode.parentNode;
		var rIndex = delRow.sectionRowIndex;
		var rowArray = new Array(delRow);
		///// DEBUT DE TEST /////////////////////////////////
		var indice_ligne_supp = rIndex+1;
		if (num_tbody == 0) // ligne prestations incluses
		{
		 numLigneAsupprimer = indice_ligne_supp ; 
		}
		else if (num_tbody == 2) // 
		{
		var numLigneAsupprimer = nbLignesInclus + indice_ligne_supp ; 
		} 
		else if (num_tbody == 4) // 
		{
		var numLigneAsupprimer = nbLignesInclus +nbLignesOptions+ indice_ligne_supp ; 
		} 
		var champ_idprestation_a_supprimer = 'id_prestation'+numLigneAsupprimer
 
		alert(champ_idprestation_a_supprimer);
		deleteRows(rowArray);

Voili voilou ...