calcule en javascript

Version imprimable

22/05/2009, 12h59
amatou_allah

calcule en javascript

Bonjour,
voila mon probleme c'est que :
j'ai une cellule de type texte où je saisie une valeur
et une deuxième cellule où je veux afficher le resultat d'un calcul

alors je veux :

dès que je tape une valeur dans la première cellule (exple :10), je veux voir dans la deuxième une valeur affichée : 10*3=30

bon j'espere que j'ai bien expliqué mon probleme

Et merci d'avance pour vous tous

Salut,

Code:

1
2
<input type='text' onkeyup='document.getElementById("a").value=parseFloat(this.value)*30'/>
<input type='text' id='a'>

tu mets une fonction javascript suivante:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
 
<script language="javascript"> 
function calculMontant(pNum){ 
 
document.all['montant'+pNum].value=document.all['pu'+pNum].value*document.all['qte'+pNum].value
if  (document.all['montant'+pNum].value>100) 
{ document.all['montant'+pNum].style.backgroundColor ="#1254ff" ;} 
else {document.all['montant'+pNum].style.color = "#FF0000";}
} 
 
</script>

ensuite dans ton tableau tu mets:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<?php
for ($nb=1; $nb<=10; $nb=$nb+1) 
{ //début de ma boucle 
echo'<tr> <td id="a1">'.$nb.'</td>
        <td ><input type="texte" name="pu'.$nb.'" onKeyup="calculMontant('.$nb.')"></td> 
        <td><input type="texte" name="qte'.$nb.'" onKeyup="calculMontant('.$nb.')" ></td> 
        <td><input type="texte" name="montant'.$nb.'"> €  </td></tr> '; 
        ?> 
 
 
<? }

voila j'espère que c ce que tu cherches;)

22/05/2009, 14h37
Bovino

Houla BYALI, ton code est totalement obsolète et compatible UNIQUEMENT pour IE !
Actuellement, la seule utilisation de document.all valable est pour tester le navigateur...
Pour ma part, je partirais plutôt sur la méthode d'andry.aime ;)
22/05/2009, 14h42
BYALI

ah bon?? et pourtant ça marche trés bien

j'ai vu ça dans un tutoriel, quel est l'inconvénient exactement???
22/05/2009, 15h17
Bovino

Citation:

Envoyé par BYALI

j'ai vu ça dans un tutoriel, quel est l'inconvénient exactement???

Que seul IE implémente document.all alors que document.getElementById par exemple est reconnu par tous les navigateurs à peu près récents ;)