Additions en folie

Bonjour à tous,
je me permets de faire appel à vous, car là je sèche.

Je cherche à faire la somme de nombreux input.
Pour être plus clair, j'ai quelque chose comme ça :

---

[code]
 <form id="form1">

 
 
      
        <fieldset>
          <legend>Recettes</legend>
            <br>
          <table width="100%" border="0" cellspacing="2" cellpadding="0">
           <thead>
            <tr>
              <td width="36%" height="30">&nbsp;</td>
              <td width="32%" height="30"><strong>Saison &eacute;coul&eacute;e</strong></td>
              <td width="32%" height="30"><strong>Pr&eacute;visionnel</strong></td>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td height="30">Ah&eacute;sions [1]</td>
              <td height="30"><p align="center">
                  <label>
                  <input name="last_adhesion"   size="10" onKeyPress="chiffres(event)" />
                  </label>
                &#8364;</p></td>
              <td height="30">
                  <input name="new_adhesion"  size="10" onKeyPress="chiffres(event)" />
                &#8364;</td>
            </tr>
            <tr>
              <td height="30">Participation aux activit&eacute;s [1]</td>
              <td height="30">
                  <input name="last_activites"   size="10" onKeyPress="chiffres(event)"/>
                &#8364;</td>
              <td height="30">
                  <input name="new_activites"   size="10" onKeyPress="chiffres(event)"/>
                &#8364;</td>
            </tr>
            <tr>
              <td height="30">Participation sorties [3]</td>
              <td height="30">
                  <input name="last_sorties"   size="10" onKeyPress="chiffres(event)"/>
                &#8364;</td>
              <td height="30">
                  <input name="new_sorties"   size="10" onKeyPress="chiffres(event)"/>
                &#8364;</td>
            </tr>
            <tr>
              <td height="30">Manifestation/Spectacles [3]</td>
              <td height="30">
                  <input name="last_manif"   size="10" />
                &#8364;</td>
              <td height="30">
                  <input name="new_manif"   size="10" />
                &#8364;</td>
            </tr>
            <tr>
              <td height="30">Ventes [1]</td>
              <td height="30">
                  <input name="last_ventes"   size="10" />
                &#8364;</td>
              <td height="30">
                  <input name="new_ventes"   size="10" />
                &#8364;</td>
            </tr>
            <tr>
              <td height="30">Inter&ecirc;ts de compte [1]</td>
              <td height="30">
                  <input name="last_interet"   size="10"  />
                &#8364;</td>
              <td height="30">
                  <input name="new_interet"   size="10" />
                &#8364;</td>
            </tr>
            <tr>
              <td height="30">Divers</td>
              <td height="30">
                  <input name="last_divers"   size="10" />
                &#8364;</td>
              <td height="30">
                  <input name="new_divers"  size="10" />
                &#8364;</td>
            </tr>
            <tr>
              <td rowspan="3">Subvention fonctionnement [1]</td>
              <td height="22">&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td height="30"> <span class="mini">Maurepas<br />
                  </span>
                      <input name="last_fonctionnement_maurepas"   size="10" />
                &#8364;</td>
              <td> <span class="mini">Maurepas<br />
                  </span>
                      <input name="new_fonctionnement_maurepas"   size="10" />
                &#8364;</td>
            </tr>
            <tr>
              <td height="30"> <span class="mini">Autre<br />
                  </span>
                      <input name="last_fonctionnement_autre"   size="10" />
                &#8364;</td>
              <td><span class="mini">Autre<br />
                  </span>
                      <input name="new_fonctionnement_autre"   size="10" />
                &#8364;</td>
            </tr>
            <tr>
              <td rowspan="3">Subvention formation [2]</td>
              <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
              <td><span class="mini">Maurepas<br />
                  </span>
                      <input name="last_formation_maurepas"   size="10" />
                &#8364;</td>
              <td><span class="mini">Maurepas<br />
                  </span>
                      <input name="last_enfant_maurepas2"   size="10"/>
                &#8364;</td>
            </tr>
            <tr>
              <td><span class="mini">Autre<br />
                  </span>
                      <input name="last_formation_autre"   size="10" />
                &#8364;</td>
              <td> <span class="mini">Autre<br />
                  </span>
                      <input name="new_formation_autre"   size="10" />
                &#8364;</td>
            </tr>
            <tr>
              <td rowspan="3">Subvention investissement [4]</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td> <span class="mini">Maurepas<br />
                  </span>
                      <input name="last_investissement_maurepas"   size="10" />
                &#8364;</td>
              <td> <span class="mini">Maurepas<br />
                  </span>
                      <input name="new_investissement_maurepas"   size="10" />
                &#8364;</td>
            </tr>
            <tr>
              <td> <span class="mini">Autre<br />
                  </span>
                      <input name="last_investissement_autre"   size="10" />
                &#8364;</td>
              <td><span class="mini">Autre<br />
                  </span>
                      <input name="new_investissement_autre"   size="10" />
                &#8364;</td>
            </tr>
            <tr>
              <td rowspan="3">Subvention manifestation [3]</td>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td><span class="mini">Maurepas<br />
                  </span>
                      <input name="last_manifestation_maurepas"   size="10" />
                &#8364;</td>
              <td><span class="mini">Maurepas<br />
                  </span>
                      <input name="new_manifestation_maurepas"   size="10" />
                &#8364;</td>
            </tr>
            <tr>
              <td> <span class="mini">Autre<br />
                  </span>
                      <input name="last_manifestation_autre"   size="10" />
                &#8364;</td>
              <td><span class="mini">Autre<br />
                  </span>
                      <input name="new_manifestation_autre"   size="10" />
                &#8364;</td>
            </tr>
            </tbody>
             <tfoot>
            <tr>
              <td height="60"><strong>TOTAL</strong></td>
              <td>
                  <input name="last_total_recette"   size="10" style="border:solid 2px  #0066CC" readonly="true"/>
                &#8364;</td>
              <td>
                  <input name="new_total_recette"   size="10" style="border:solid 2px  #0066CC" readonly="true"/>
                &#8364;</td>
            </tr>
             </tfoot>
          </table>
          
        </fieldset>
      
      <br />
            <br>
       
       <fieldset>
          <legend><strong>R&eacute;capitulatif</strong></legend><br>

            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="2">
            <tr>
              <td>&nbsp;</td>
              <td><div align="center">Saison &eacute;coul&eacute;e</div></td>
              <td><div align="center">Previsionnel</div></td>
            </tr>
            <tr>
              <td width="36%">Fonctionnement [1]</td>
              <td width="32%"><p align="center">
                  <label>
                  <input name="last_total_fonctionnement"   size="10" style="border:solid 2px  #FF6600" readonly="true"/>
                  </label>
              &#8364;</p></td>
              <td width="32%"><p align="center">
                  <label>
                  <input name="new_total_fonctionnement"   size="10" style="border:solid 2px  #FF6600" readonly="true"/>
                  </label>
                &#8364;</p></td>
            </tr>
            <tr>
              <td>Manifestations [3]</td>
              <td>
                  <input name="last_total_manifestation"   size="10" style="border:solid 2px  #FF6600" readonly="true"/>
                &#8364;</td>
              <td>
                  <input name="new_total_manifestation"   size="10" style="border:solid 2px  #FF6600" readonly="true"/>
                &#8364;</td>
            </tr>
            <tr>
              <td>Formations [2]</td>
              <td>
                  <input name="last_total_formation"   size="10" style="border:solid 2px  #FF6600" readonly="true"/>
                &#8364;</td>
              <td>
                  <input name="new_total_formation"   size="10" style="border:solid 2px  #FF6600" readonly="true"/>
                &#8364;</td>
            </tr>
            <tr>
              <td>Investissement [4]</td>
              <td>
                  <input name="last_total_investissement"   size="10" style="border:solid 2px  #FF6600" readonly="true"/>
                &#8364;</td>
              <td>
                  <input name="new_total_investissement"  size="10" style="border:solid 2px  #FF6600" readonly="true"/>
                &#8364;</td>
            </tr>
            <tr>
              <td>Autre</td>
              <td>
                  <input name="last_total_autre"  size="10" style="border:solid 2px  #FF6600" readonly="true"/>
                &#8364;</td>
              <td>
                  <input name="new_total_autre"  size="10" style="border:solid 2px  #FF6600" readonly="true"/>
                &#8364;</td>
            </tr>
            <tr>
              <td><strong>TOTAL</strong></td>
              <td>
                  <input name="last_total_recap"   size="10" style="border:solid 2px  #0066CC" readonly="true"/>
                &#8364;</td>
              <td>
                  <input name="last_total_recap"  size="10" style="border:solid 2px  #0066CC" readonly="true"/>
                &#8364;</td>
            </tr>
          </table>
          
        </fieldset>
      
     <br />
</form>
[/code]

Pour éviter d'avoir un script de 5 km de long,
je cherche une fonction "générale" de façon à avoir quelque chose comme ça dans l'input où je veux ma somme :
<input name="last_total_recette"   size="10" style="border:solid 2px  #0066CC" readonly="true" "additione moi les champ "last_investissement_maurepas","last_fonctionnement_autre","last_ventes","last_sorties"/>

Voili voilou,
d'avance merci pour votre aide,

Farfadam

Bonjour,
    ben... tu l'avais quasi fait....




<input type="button"
        value="additionne"
        onclick='additione_moi_les_champ ("last_total_recette",
                                            "last_investissement_maurepas",
                                            "last_fonctionnement_autre",
                                            "last_ventes",
                                            "last_sorties");'  />
</form>

<script type="text/javascript">
    function additione_moi_les_champ(ou)
    {  for ( var n=1; n < additione_moi_les_champ.arguments.length; n++ )
        {    document.form1[additione_moi_les_champ.arguments[0]].value =
                Number(document.form1[additione_moi_les_champ.arguments[0]].value)+
                Number(document.form1[additione_moi_les_champ.arguments[n]].value);   
        }
    }
</script>

---

                Cordialement            Bul         [mon Site]     [M'écrire]

j'ai omis de préciser qu'il fallait mettre :
   <form id="form1"
            name="form1" >
et que, probablement, une remise à 0 avant les additions
   sera utile.

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Merci,
mais j'ai un petit soucis,

pour simplifier, j'ai essayé d'adapter le script de la façon suivante :

<script type="text/javascript">
    function additione_moi_les_champ(ou)
    {  for ( var n=1; n < additione_moi_les_champ.arguments.length; n++ )
        {    document.form1[additione_moi_les_champ.arguments[0]].value =
                Number(document.form1[additione_moi_les_champ.arguments[0]].value)+
                Number(document.form1[additione_moi_les_champ.arguments[n]].value);   
        }
    }
</script>

<form id="form1" name="form1">

 <input name="investissement" type="text">
 <input name="fonctionnement" type="text">
 <input name="ventes" type="text">
 <input name="sorties" type="text">
 
    <input name="total" type="text" onKeyUp="additione_moi_les_champ (
                                            "investissement",
                                            "fonctionnement",
                                            "ventes",
                                            "sorties");">
    
     

    
</form>

...de façon à ce que le résultat s'affiche automatiquement dans le champ "total",
mais visiblement c'est pas comme ça qu'on doit faire parce que ça ne marche pas...
Une petite idée ?

quelques petites imprécisions....
    function additione_moi_les_champ()   // paramètre inutile
    <input name="total" type="text" onKeyUp= 'additione_moi_les_champ (
               "total",      puisque la fonction attend le récepteur en 1er paramètre 
                                  on peut bien entendu faire autrement !
              "investissement",
              "fonctionnement",
              "ventes",
              "sorties");   '  />  attention aux " et ', sinon l'interpréteur s'y pomme
   

    mais tout ça sont des erreurs de syntaxe ! signalées !

FireFox	regarder la "console d'erreurs" Outils / Console d'erreurs et mieux : télécharger FireBug
Internet Explorer	activer le deboggage : Outils/options Internet/Avancés dans la liste, sous "Navigation" : décocher o Afficher une notification de chaque erreur de script o Désactiver le débogage de Scripts (Internet Explorer) et mieux : télécharger le Debogger IE voir aussi : DebugBar et Companion JS
K-Meleon	regarder la "console d'erreurs" Outils / Console d'erreurs
Opera	regarder la "console d'erreurs" Outils / Avancé / Console d'erreurs
Safari	regarder Debug / Show JavaScript Console ° modifier Fichier Preferences.plist situé dans le répertoire : Support:\Documents and Settings\utilisateur \Application Data\Apple Computer\Safari\ y ajouter <key>IncludeDebugMenu</key> <true/>

---

                Cordialement            Bul         [mon Site]     [M'écrire]

j'ai oublié de dire aussi que le calcul est déclenché par onkeyup....
    ce qui veut dire qu'il faut saisir un caractère dans total pour
       faire le calcul.... curieux, mais si cela te convient !

---

                Cordialement            Bul         [mon Site]     [M'écrire]

oui effectivement, quelques petites erreurs d'imprecision (erreurs de débutant )
bon alors maintenant ça marche mieux,
juste une dernière chose, comme tu le signal toi même, pour qu'un résultat s'affiche, on est obligé de rentrer quelque chose dans le champ "total", comment remedier à cela de manière à ce que le résultat s'affiche tout seul ?

Encore merci pour ta precieuse aide ;)

 

>>comment remedier à cela de manière à ce que le résultat s'affiche tout seul ?
    peut-être onkeyup sur les champs de saisie
       "investissement", "fonctionnement", "ventes",  "sorties"

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Comme ça ?

<form id="form1" name="form1">

 <input name="investissement" type="text" onKeyUP='additione_moi_les_champ (
                                            "total",
                                            );'>
 <input name="fonctionnement" type="text" onKeyUP='additione_moi_les_champ (
                                            "total",
                                            );'>
 <input name="ventes" type="text" onKeyUP='additione_moi_les_champ (
                                            "total",
                                            );'>
 <input name="sorties" type="text" onKeyUP='additione_moi_les_champ (
                                            );'>
 
    <input name="total" type="text"  onKeyUP='additione_moi_les_champ (
                                            "total",
                                            "investissement",
                                            "fonctionnement",
                                            "ventes",
                                            "sorties");'>
     
          
</form>

 

à ton avis ?   tu as essayé ?
la fonction attend la zone réceptrice et les champs à additionner...

---

                Cordialement            Bul         [mon Site]     [M'écrire]