Calcul automatique - Forum Javascript / DOM / Ajax

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Calcul automatique

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Calcul automatique (Lu 796 fois)

Calcul automatique
« sur: le 19-01-2005 a 01:05:55 »

nico_4653
Membre récent

Hors-Ligne

Messages: 1

Je suis un lama!

Bonjour,

le code suivant doit normalement me faire la multiplication des 2 premières cellules et afficher le résultats dans la 3ème, mais cela ne fonctionne pas :

<SCRIPT Language="JavaScript">
var nombre = 0 ;
var commande = 0 ;
var quantite1 = 0;
var quantite2 = 0;
function majligne(ligne)
{
commande = quantite1 * quantite2;
document.value=commande;
}
</SCRIPT>

<FORM NAME="Commande">
<BR><SCRIPT>
document.write ('<CENTER><INPUT NAME="quantite1" onChange="majligne" VALUE="0" SIZE=3><BR><BR>')
document.write ('<CENTER>* <INPUT NAME="quantite2" onChange="majligne" VALUE="0" SIZE=3><BR><BR>')
document.write ('= <INPUT NAME="commande" VALUE="" MAXLENGTH="10"')
document.write ('SIZE=10 onfocus = "this.blur()"></CENTER>')
</SCRIPT>
</FORM>

Merci par avance pour votre aide

Nicolas

Rapporter au modérateur

Re:Calcul automatique
« Répondre #1 sur: le 19-01-2005 a 13:38:42 »

Netah
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1256

ZoneB.org

C'est vite fait alors il faut vraiment le rendre plus propre...
J'ai utilisé un bouton à la place d'évenements du type 'onchange' pq le SP2 d'XP désactive par défaut ces evenements et ca affiche un message d'avertissement.

Code:

<html>
<head>
<script>
var q1 = 0;
var q2 = 0;
var result = 0;

function calcul()
{
q1 = frm.q1.value;
q2 = frm.q2.value;

result = q1 * q2;
frm.result.value = result;
}
</script>

</head>
<body>
<form name="frm">
q1 : <input type="text" name="q1" value="0">
<br/>

q2 : <input type="text" name="q2" value="0"> <br/>
calc : <input type="text" name="result" value="0"><br/>
<input type="button" onClick="calcul();" value="calcul">
</form>
</body>
</html>