[AJAX] suppression avec demande

**mdh12** · 16/05/2010, 00h14

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 :

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
<?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

**mdh12** · 16/05/2010, 12h45

je suppose que je dois utiliser AJAX

mais je ne connait pas

je connait php et javascript

**bretus** · 16/05/2010, 19h34

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 :

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

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 :

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
 
<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.

**mdh12** · 17/05/2010, 00h52

je creer un fichier affiche.php

contient les valeur recuperer de la table utilisateur

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

**bretus** · 17/05/2010, 01h41

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...

[AJAX] suppression avec demande

AJAX

Discussions similaires

Partager

Partager