[AJAX] Modifier quantité (ajax)
Bonjour,
Déja merci pour l'aide que vous allez m'apporter.
J'aimerais lors d'une commande, modifier la quantité (plutôt de façon dynamique avec de l'ajax) afin d'éviter l'usage d'un bouton modifier.
J'ai deux soucis :
1) Avec ce code (ci-dessous), il me renvoie la valeur du "select" (quantité) mais malheureusement, il me renvoie toujours la valeur du premier select, même lorsque je modifies les autres.
2) j'aimerais récupérer l'id de l'article en question (ou la quantité à été modifiée), ici par contre, je n'ai aucun retour. Je ne sais pas si c'est possible lorsque je modifie une liste(de quantité) concernant un article, que l'ajax me renvoie cette nouvelle quantité ET le numéro de l'article en question
page php :
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
| <head>
<script language="javascript" src="ajax.js"> </script> <!-- APPEL FICHIER AJAX.JS -->
</head>
<?php
include('affiche.php');
$tab=$_SESSION['commande'];
?>
<div id="details_panier">
Articles sélectionnés
<table class="center_bloc" border="1" bgcolor="#FF6633" align="center" cellspacing="2" cellpadding="2" height="1%" width="100%">
<tr bgcolor="white">
<th>Des.</th>
<th>Qté</th>
<th>Sup</th>
</tr>
<?php
foreach($tab as $key => $value)
{
$sql = "SELECT id_article,designation_article FROM article WHERE id_article='".$key."' ";
$req = mysql_query($sql) or die('Erreur SQL !'.$sql.'<br>'.mysql_error());
while ($row = mysql_fetch_row($req))
{
echo '<tr bgcolor="white">';
echo '<form method="post" action="index.php?page=supp_article1_2">';
$row[1]=substr($row[1], 0, 30);
echo '<td>'.$row[1].'</td>';
?>
<td><select name="qte" id='qte' onchange='go_maj_qte()' >
<option value=<?php echo $value;?> selected><?php echo $value?>   </option>
<?php
if($value==1)
{
?>
<option value=2>2   </option>
<option value=3>3   </option>
<option value=4>4   </option>
<option value=5>5   </option>
<option value=6>6   </option>
<?php
}
if($value==2)
{
?>
<option value=1>1   </option>
<option value=3>3   </option>
<option value=4>4   </option>
<option value=5>5   </option>
<option value=6>6   </option>
<?php
}
if($value==3)
{
?>
<option value=1>1   </option>
<option value=2>2   </option>
<option value=4>4   </option>
<option value=5>5   </option>
<option value=6>6   </option>
<?php
}
if($value==4)
{
?>
<option value=1>1   </option>
<option value=2>2   </option>
<option value=3>3   </option>
<option value=5>5   </option>
<option value=6>6   </option>
<?php
}
if($value==5)
{
?>
<option value=1>1   </option>
<option value=2>2   </option>
<option value=3>3   </option>
<option value=4>4   </option>
<option value=6>6   </option>
<?php
}
if($value==6)
{
?>
<option value=1>1   </option>
<option value=2>2   </option>
<option value=3>3   </option>
<option value=4>4   </option>
<option value=5>5   </option>
<?php
}
?>
</select></td>
<input type="hidden" name="id_article" id="id_article" value="<?php echo $row[0]; ?>">
<?php
//echo '<td><img src ="css/supp.jpg" width="20" height="20" onClick(submit();)></img></td>';
echo '<td><input type="submit" value="X"/></td>';
echo '</form>';
}
echo '</tr>';
}
?>
</table>
</div>
<div id='new_qte' style='display:inline'>
</div>
<div id="details_panier2">
<form method="post" action="index.php?page=traitement_validation_panier">
<table class="center_bloc" >
<tr>
<td> Priorité   </td>
<td>
<input type="radio" name="priorite" value="1"> Urgent
  <input type="radio" name="priorite" value="2"> Moyen
  <input type="radio" name="priorite" value="3"> Faible
</td>
</tr>
<tr>
<td>   Description   </td>
<td><textarea style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana" onkeyup="this.value=this.value.slice(0,150)" name="description" value="" rows=5 cols=37></textarea></td>
</tr>
</table>
<br />
<br />
<tr>
<td><input type="reset"></td>
<td><input type="submit" value="Valider"></td>
</tr>
<br /><br />
<br />
</form>
</div>
<?php
include('espace.php');
echo "<br /><br /><br />";
?> |
partie ajax 1 :
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
| function go_maj_qte()
{
var xhr = getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhr.onreadystatechange = function()
{
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200)
{
leselect = xhr.responseText;
alert(leselect);
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById('new_qte').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhr.open("POST","ajax_maj_qte.php",true);
// ne pas oublier ça pour le post
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// ne pas oublier de poster les arguments
// ici, l'id du corps de métier
sel = document.getElementById('qte');
quantite = sel.options[sel.selectedIndex].value;
xhr.send("qte_="+quantite);
} |
partie ajax 2 (php):
Code:
1
2
3
| $qte=$_POST['qte_'];
echo $qte; |
