addition javascript

Bonjour, je souhaiterai additioner le chiffre 1 et le chiffre 2 quelqu'un voit-il le probleme?


<form method="POST" name="op" onsubmit="document.op.resultat.value =
operation(document.op.chiffre1.value, document.op.chiffre2.value, this.selectedIndex)"
action="">
<table width="100%" border="1" cellpadding="3" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
  <tr>
    <td width="25%" valign="top"><span class="menugauche">Montant Total HT</span><br>
      </td>
      <td width="25%" valign="top"><span class="menugauche">TVA &agrave; 19.6%</span></td>
      <td width="25%" valign="top">&nbsp;</td>
      <td width="25%" valign="top"><span class="menugauche">Montant Total TTC</span></td>
  </tr>
  <tr>
    <td width="25%" valign="top"><input name="chiffre1" type="text" value="<?php echo ($tot_ht); ?>" size="10"></td>
    <td width="25%" valign="top"><input name="chiffre2" type="text" value="<?php echo ($_POST["tva"]); ?>" size="10"></td>
    <td width="25%" valign="top"><input type="submit" name="Submit" value="Calculer Montant TTC"></td>
    <td width="25%" valign="top" class="menugauche"><input type="text" name="resultat" size="20">
      &euro;</td>
  </tr>
</table>
</form>

Bonsoir,
   J'crois que selectedIndex ne marche qu'avec les selects non? J'vois pas l'utilité ici...
   Sinon si tu veux additionner chiffre1 et chiffre2,
  
  function addition(){
      var c1=document.getElementById("chiffre1").value;
      var c2=document.getElementById("chiffre2").value;
      document.getElementById("resultat").value=parseInt(c1)+parseInt(c2);
  }

et ton formulaire:
<style>
   td{width:25%;vertical-align:top;}
</style>
<form method=POST onsubmit=addition();>
<table width=100% border=1 cellpadding=3 cellspacing=0 bordercolor="#FFFFFF" bgcolor="#FFFFFF">
  <tr>
    <td ><span class="menugauche">Montant Total HT</span></td>
      <td><span class="menugauche">TVA &agrave; 19.6%</span></td>
      <td>&nbsp;</td>
      <td><span class="menugauche">Montant Total TTC</span></td>
  </tr>
  <tr>
    <td><input name=chiffre1 id=chiffre1 type=text size=10 value="<?php echo ($tot_ht); ?>"></td>
    <td><input name=chiffre2 id=chiffre2 type=text size=10 value="<?php echo ($_POST["tva"]); ?>" ></td>
    <td><input type=submit name=Submit value="Calculer Montant TTC"></td>
    <td class="menugauche"><input type=text name=resultat id=resultat size=20>&euro;</td>
  </tr>
</table>
</form>

 Cordialement,
   Ltd. LittleBigFox

          Chak jour changez le monde!

Cela marque undefined dans le champs de texte ou le resultat devrait s'afficher, donc j'ai fait une erreur mais je ne vois pas ou je debute tout juste.

dsl les posts se sont croisés merci littlebigfox je regarde de suite...

Cela fontionne juste un seul probleme:
Cela recharge la page et les données s'effacent quasi instantanement.

ok merci beaucoup c'est vraiment genial j'ai gagner pas mal de temps merci pour ta reponse rapide et efficace!!

Mais je t'en pris
   @++!

   Ltd. LittleBigFox

          Chak jour changez le monde!

Bonjour, je me posais une question : serait-il possible de recuperer la valeur de ce champs :
<input type=text name=resultat id=resultat size=20>
dans un text area d'un autre formulaire sur la meme page comme valeur par default?
Cordialement,

bonjour,
oui normalement ya pas de pb avec le DOM et getElementById, tu recupere l'objet du document, et ca n'a donc pas de lien direct avec le formulaire!

par ex, tu met ca en bas de ta page, ou dans l'event onLoad de ton body:

<script>
   document.getElementById("myTextarea").value=document.getElementById("resultat").value;
</script>

 Cordialement,
   Ltd. LittleBigFox

          Chak jour changez le monde!