OnChange sur plusieurs lignes

Bonjour,
j'ai un petit soucis avec un OnChange:

En effet, mes données sont affichées dynamiquement et le OnChange est placé sur un Input :
Code:

1 2 3 $buffer .='<form id="panier" method="post" action="#">'; $buffer .='<input class="std" type="text" name="'.$key.'" size="5" maxlength="5" value="'.$qte.'" onchange="recalcPanier(document.forms[\'frmPanier\'])"/>'; $buffer .='</form>';
Le problème est que le OnChange fonctionne pour la première ligne dès que je sors de la zone, mais pour les autres lignes, il fonctionne seulement si je sors de la zone en appuyant sur Entrée, sinon il remet la valeur précédente.

Si quelqu'un a déjà eu ce problème ...

Merci

Petite précision, le OnChange doit mettre à jour le Input.

Merci

merci de poster le code html... pas le php ...

les autres lignes ???

je n'en voit qu'une ...

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
while (list ($key, $qte) = each ($tabProduit)) 
{
$objInfoProduit = new InfoProduit($key, $qte)
$prixProduit = $objInfoProduit->prix * $qte
$totalProduit += $prixProduit
$nbProduit += $qte
array_push($products, $objInfoProduit->idproduit
 
<tr>
<td class="sub-trash"><a href="javascript:deleteProduitPanier(document.forms[\'frmPanier\'], \''.$key.'\')" title="Supprimer"><img src="images/trash.gif" border="0" alt="Supprimer"></a></td>
<td class="sub-prod"><a href="#" title="'.$objInfoProduit->idproduit.'"><img src="images/produits/small_pdt'.$objInfoProduit->idproduit.'.gif"></a></td>
 
$texte = '<'.$objInfoProduit->nom.';'.PREFIXE_HTTP.'produit.php?id='.$objInfoProduit->idproduit.'><br>
if ($objInfoProduit->arome_actif == 1)
$texte .= 'Ar&ocirc;me '.$objInfoProduit->arome.'&nbsp;
$texte .= '('.$objInfoProduit->conditionnement.')
<td class="sub-desc"><a href="#">'.active_link($texte).'</a><br /></td>
<td class="sub-dispo"><img src="images/check.gif" border="0">&nbsp;En Stock</td>
<td class="sub-quant">
<div>
<a href="#" title="Enlever un produit" onclick="document.getElementById('.$key.').value=eval(document.getElementById('.$key.').value)-1;"><img src="images/btn/btn_quantite_moins.gif" alt="Enlever un produit" border="0"/></a>
<br />
<a href="#" title="Ajouter un produit" onclick="document.getElementById('.$key.').value=eval(document.getElementById('.$key.').value)+1;"><img src="images/btn/btn_quantite_plus.gif" alt="Ajouter un produit" /></a>
</div>
 
<form id="panier" method="post" action="#">
<input class="std" type="text" name="'.$key.'" size="5" maxlength="5" value="'.$qte.'" onchange="recalcPanier(document.forms[\'frmPanier\'])"/>
</form>
</td>
<td class="sub-total">
<b>'.formatNumber($prixProduit).'  &euro;</b>
<div class="reduc-10"><span class="price">'.formatNumber($prixProduit).'</span></td></div>
<div class="reduc-10"><font class="couleur_panier"><input type="text" readonly="readonly" class = "input_panier" name="total" value = '.formatNumber($prixProduit).' size = 10 style="border: hidden; border: 0"> &euro;</div>
</td>
</tr>                 
}

javascript :

Code:

1
2
3
4
5
6
7
8
function recalcPanier(form)
{
	if (checkPanier(form))
	{
		form.action = "panier.php?update=1";
		form.submit();
	}	
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function checkPanier(form)
{
	var PREFIXE_PRODUIT = "cap";
	for (i = 0; i < form.elements.length; i++)
	{
		var element = form.elements[i];
		if (element.name.substring(0,3) == PREFIXE_PRODUIT)
		{
			if (!IsNumeric(element.value))
			{
				alert("Quantit� invalide ! Saisissez de nouveau la quantit� voulue.");
				element.focus();
				return false;
			}
		}
	}
	return true;
}

...
affiche ta page dasn le navigateur et fait "afficher source"
puis copier coller ...

afin que l'on n'ait QUE le code HTML / js et pas le php ...

:merci:

c'est bon, problème résolu. Cela venait du :

Code:

<form id="panier" method="post" action="#">

qui n'avait pas son utilité. Merci quand même SpaceFrog d'avoir répondu