[AJAX] suppression avec demande

Version imprimable

salut,

j'ai une table nomme utilisateur contient les champs suivants (reference,nom,prenom,addresse,type)

j'ai creer un page affiche.php sert a afficher les contenus de cette table

ce code est excutable et correcte
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 <?php $serveur="localhost"; $user="user1"; $pwd="user1"; $db="glpi"; $lien=mysql_connect($serveur,$user,$pwd) or die("impossible de connecter de serveur"); mysql_select_db($db,$lien); $query="select *from utilisateur"; $res=mysql_query($query); if(mysql_num_rows($res)>0) { echo"<table border=\"1px\"><tr><td>reference</td><td>nom</td><td>prenom</td><td>adresse</td><td>type</td><td></td><td></td></tr>"; while($ligne=mysql_fetch_row($res)) { echo"<tr><td>$ligne[0]</td><td>$ligne[1]</td><td>$ligne[2]</td><td>$ligne[3]</td><td>$ligne[4]</td><td><a href=\"1.php\"><img src=\"./image/b_drop.png\" width=\"16\" height=\"16\"></imag></a></td><td><a href=\"2.php\"><img src=\"./image/b_edit.png\" width=\"16\" height=\"16\"></imag></a></td></tr>"; } echo"</table>"; } else echo"pas d'enregistrement"; ?>
mon but est quant je clique sur l'image b_drop.png il m'affiche un message de confirmation (oui ou non) ce message se fait avec javascript

si je clique sur oui il supprime l'utilisateur coorespondant a l'emplacement de l'image c a dire reference correspondant si je clique sur non il m'affiche la meme page sans modification

merci d'avance

16/05/2010, 12h45
mdh12

je suppose que je dois utiliser AJAX

mais je ne connait pas

je connait php et javascript

Citation:

Envoyé par mdh12

je suppose que je dois utiliser AJAX

mais je ne connait pas

je connait php et javascript

Pas forcément. Tu dois utiliser AJAX si tu ne veux pas recharger la page lors de la suppression effective.

Sinon, tu peux utiliser un formulaire et y placer les paramètres que ton script PHP va devoir utiliser pour la suppression ( "id_personne" par exemple ).

Ce formulaire, tu l'envoies par le biais de sa méthode submit(). Pour appeler "submit()", tu places une méthode de confirmation via "onclick" de l'image, en lui passant l'identifiant de l'élément à supprimer. Le code généré par php peu ressembler à ça :
Code:

1 2 <img src="./image/b_drop.png" onclick="supprime_avec_confirmation(5);" />
Que tu le fasses avec de l'Ajax où pas, le fait est que tu ne prépares pas ton tableau HTML pour y récupérer des informations depuis javascript...

Tu peux récupérer les valeurs de certaines cellules du tableau HTML pour avoir un message plus clair que "voulez-vous supprimer 2?" ;)

Voici, grosso modo le principe :
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 <html> <head> <script type="text/javascript"> function supprime_avec_confirmation( id_personne ) { //récupération du nom de la personne var nomPersonne = document.getElementById("personne."+id_personne).cells[0].innerHTML; if ( ! confirm( "Voulez-vous supprimer "+nomPersonne+" ("+id_personne+")?" ) ) return; //préparation du formulaire de suppression document.getElementById("form_suppression").id.value = id_personne; //envoie du formulaire du suppression document.getElementById("form_suppression").submit(); } </script> </head> <body> <form id="form_suppression" action="drop_confirm.html" method="GET"> <input type="hidden" name="id" value="-1" /> </form> <table> <tr id="personne.1"> <td>Toto</td> <td><input type="button" onclick="supprime_avec_confirmation( 1 );" value="supprimer" /></td> </tr> <tr id="personne.2"> <td>Titi</td> <td><input type="button" onclick="supprime_avec_confirmation( 2 );" value="supprimer" /></td> </tr> <tr id="personne.3"> <td>Tata</td> <td><input type="button" onclick="supprime_avec_confirmation( 3 );" value="supprimer" /></td> </tr> </body> </html>
Note :

Ca reste que le principe. Entre autre, utiliser un "id" pour récupérer la ligne facilement n'est pas la méthode la plus propre qui soit.

je creer un fichier affiche.php

contient les valeur recuperer de la table utilisateur

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
49
50
51
52
53
54
55
56
57
58
<html>
<head>
	<script type="text/javascript">
		function supprime_avec_confirmation( id_personne )
		{
			//récupération du nom de la personne
			var nomPersonne = document.getElementById("utilisateur."+id_personne).cells[0].innerHTML;
			if ( ! confirm( "Voulez-vous supprimer "+nomPersonne+" ("+id_personne+")?" ) )
				return;
			//préparation du formulaire de suppression
 
			res=document.getElementById("form_suppression").id.value =nomPersonne; // mon but est de recupere cette valeur( nomPersonne) dans la page  drop_confirm.php 
 
 
 
 
			//envoie du formulaire du suppression
			document.getElementById("form_suppression").submit();
		}
	</script>
</head>
<body>
	<form id="form_suppression" action="drop_confirm.php" method="GET">
		<input type="hidden" name="id" value="-1" />
	</form>
 
<?php
$serveur="localhost";
$user="user1";
$pwd="user1";
$db="glpi";
$lien=mysql_connect($serveur,$user,$pwd) or die("impossible de connecter de serveur");
mysql_select_db($db,$lien);
$query="select *from utilisateur";
$res=mysql_query($query);
if(mysql_num_rows($res)>0)
{
echo"<table border=\"1px\"><tr><td>reference</td><td>nom</td><td>prenom</td><td>adresse</td><td>type</td><td></td><td></td></tr>";
$i=0;
while($ligne=mysql_fetch_row($res))
{
$i++;
echo"<tr id=\"utilisateur.$i\"><td>$ligne[0]</td><td>$ligne[1]</td><td>$ligne[2]</td><td>$ligne[3]</td><td>$ligne[4]</td><td><input type=\"button\" onclick=\"supprime_avec_confirmation( $i);\" value=\"supprimer\" /></tr>";
 
}
echo"</table>";
}
else
echo"pas d'enregistrement";
 
 
 
 
?>
 
 
</body>
</html>

je veux recuperer comme je deja dis le contenue de la variable (nomPersonne) dans la page drop_confirm.php pour simplement faire la requete delete from utilisateur where reference=.....(ici la variable recuperer)

cette variable est charger par l'excution de javascript

est ce que possible envoyer le contenue de cette variable de javascript vers php

merci d'avance

17/05/2010, 01h41
bretus

Citation:

Envoyé par mdh12

est ce que possible envoyer le contenue de cette variable de javascript vers php

C'est un peu à ça que sert le formulaire...

Quand tu soumets le formulaire que je t'ai mis en exemple, PHP reçoit la variable "get" : "id" que tu choppes avec $_GET["id"]. Si tu ajoutes un "input" ayant pour "name" "nomPersonne", PHP recevra "nomPersonne"...

Désolé, mais je ne peux pas te faire un "topo" sur le passage des variables entre PHP et HTML via des formulaires. Je pense que tu trouveras ton bonheur avec n'importe quel moteur de recherche...

Par exemple :
http://www.killeak.net/?section=4&menu=13&niveau=7

bye

ps : N'hésite pas à suivre des tutos "de base" si tu rames avec ces mécanismes...