Calculs et tableaux [Résolu]

Signaler
Messages postés
19
Date d'inscription
vendredi 11 juin 2004
Statut
Membre
Dernière intervention
1 mai 2016
-
Messages postés
19
Date d'inscription
vendredi 11 juin 2004
Statut
Membre
Dernière intervention
1 mai 2016
-
Bonjour,

Je ne connais absolument rien à JavaScript et j'aurais besoin qu'on me réalise un bout de code orienté calcul avec des tableaux. Rien de bien compliqué et long, je pense, pour qui sait faire. Et surtout rien de professionnel. C'est un coup de main que je demande ;-)

Voici l'idée :

Un premier tableau de 3 colonnes : Objets | Prix | Quantité. Et 1 ligne par objet.

Un second tableau de 2 colonnes et 3 lignes :
Réserve : | 158
Dépense : | 0
Reste : | 0

De là, il faudrait que lorsque je rentre une quantité aux objets, celles-ci soient multipliées par leur Prix. Pour ensuite afficher le total en face de Dépense et ce qui Reste par rapport à la réserve (reserve moins depense).

J'ai le fichier html avec les tableaux à disposition...

Merci
F.

4 réponses

Messages postés
1771
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
20 novembre 2020
107
bonjour si tu commençai deja par faire les tableau html on pourrait envisager de t'aidé car la tu demande de tout faire ??

rien ne sert de courir il faut partir a point.
cours Forest cours !
Messages postés
19
Date d'inscription
vendredi 11 juin 2004
Statut
Membre
Dernière intervention
1 mai 2016

Bonjour,

J'ai fait tout cela, déjà. Mais je n'ai pas trouvé comment joindre le fichier html au message ;-)
C'est pourquoi j'ai bien mentionné que "J'ai le fichier html avec les tableaux à disposition... ". Pensant l'envoyer en message privé. Mais là aussi je n'ai pas trouvé comment le faire.

Donc voici un lien pour téléchargement le fichier :
https://www.hightail.com/download/UlRUZm1ldzh0QTFqQThUQw


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title></title>
  <style type="text/css">
  /*<![CDATA[*/
  Body{
      font: 12pt;
      font-family: Arial, sans-serif, Verdana, Helvetica;
      font-weight:bold;
      color:black;
  }

  #conteneur{
    margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
  }

  #tableaux{
      float: left;
      width:200px;
      height:700px;
  }

  #images{
      border:1px solid black;
      float: right;
      margin:0;
      padding:0;
      width:550px;
      height:700px;
  }

  table, tr, td{
      border:0px solid black;
      border-collapse:collapse;
      text-align:center;
  }

  input{
      width:50px;
      text-align:center;
      font-size:12pt;
      color:blue;
      border:1px solid #999;
  }

  .TrTitre1{
       font-size:12pt;
  }

  .TdTitre2{
       padding:10px 0;
  }

  /*]]>*/
  </style>
</head>

<body>

 <form>

<div id="conteneur">

<div id="tableaux">
<table>
     <tr class="TrTitre1">
        <td>Objet</td>
        <td>Prix</td>
        <td>Quantité</td>
    </tr>

       <!--Catégorie 1  -->

     <tr>
        <td colspan="3" class="TdTitre2">Catégorie 1</td>
    </tr>
    <tr>
        <td>A</td>
        <td><input name="prixA" value="10" disabled="disabled" /></td>
        <td><input name="quantiteA" /></td>
    </tr>
    <tr>
        <td>B</td>
        <td><input name="prixB" value="16" disabled="disabled" /></td>
        <td><input name="quantiteB" /></td>
    </tr>
     <tr>
        <td>C</td>
        <td><input name="prixC" value="22" disabled="disabled" /></td>
        <td><input name="quantiteC" /></td>
    </tr>
     <tr>
        <td>D</td>
        <td><input name="prixD" value="28" disabled="disabled" /></td>
        <td><input name="quantiteD" /></td>
     </tr>


        <!--Catégorie 2  -->

     <tr>
        <td colspan="3" class="TdTitre2">Catégorie 2</td>
    </tr>
    <tr>
        <td>E</td>
        <td><input name="prixE" value="38" disabled="disabled" /></td>
        <td><input name="quantiteE" /></td>
    </tr>
    <tr>
        <td>F</td>
        <td><input name="prixF" value="44" disabled="disabled" /></td>
        <td><input name="quantiteF" /></td>
    </tr>
     <tr>
        <td>G</td>
        <td><input name="prixG" value="50" disabled="disabled" /></td>
        <td><input name="quantiteG" /></td>
    </tr>
     <tr>
        <td>H</td>
        <td><input name="prixH" value="56" disabled="disabled" /></td>
        <td><input name="quantiteH" /></td>
     </tr>

     <!--Catégorie 3  -->

     <tr>
        <td colspan="3" class="TdTitre2">Catégorie 3</td>
    </tr>
    <tr>
        <td>I</td>
        <td><input name="prixI" value="66" disabled="disabled" /></td>
        <td><input name="quantiteI" /></td>
    </tr>
    <tr>
        <td>J</td>
        <td><input name="prixJ" value="72" disabled="disabled" /></td>
        <td><input name="quantiteJ" /></td>
    </tr>
     <tr>
        <td>K</td>
        <td><input name="prixK" value="78" disabled="disabled" /></td>
        <td><input name="quantiteK" /></td>
    </tr>
     <tr>
        <td>L</td>
        <td><input name="prixL" value="80" disabled="disabled" /></td>
        <td><input name="quantiteL" /></td>
     </tr>

     <!--Catégorie 3  -->

     <tr>
        <td colspan="3" class="TdTitre2">Catégorie 3</td>
    </tr>
    <tr>
        <td>M</td>
        <td><input name="prixM" value="20" disabled="disabled" /></td>
        <td><input name="quantiteM" /></td>
    </tr>
    <tr>
        <td>N</td>
        <td><input name="prixN" value="25" disabled="disabled" /></td>
        <td><input name="quantiteN" /></td>
    </tr>
     <tr>
        <td>O</td>
        <td><input name="prixO" value="30" disabled="disabled" /></td>
        <td><input name="quantiteO" /></td>
    </tr>

</table>
   <br />
   <br />

   <!--Tableau résultats  -->

<table>
   <tr>
    <td>Réserve</td>
    <td><input name="reserve" value="158" disabled="disabled" /></td>
   </tr>

   <tr>
    <td>Dépense</td>
    <td><input name="depense"/></td>
   </tr>

   <tr>
    <td>Reste</td>
    <td><input name="reste"/></td>
   </tr>

</table>
</div>

<div id="images">
  <p>Images</p>
</div>

</div>

</form>    

</body>

</html>



Merci
F.
Messages postés
1771
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
20 novembre 2020
107
essai comme ca

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title></title>
  <style type="text/css">
  /*<![CDATA[*/
  Body{
      font: 12pt;
      font-family: Arial, sans-serif, Verdana, Helvetica;
      font-weight:bold;
      color:black;
  }

  #conteneur{
    margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 padding: 10px;
  }

  #tableaux{
      float: left;
      width:200px;
      height:700px;
  }

  #images{
      border:1px solid black;
      float: right;
      margin:0;
      padding:0;
      width:550px;
      height:700px;
  }

  table, tr, td{
      border:0px solid black;
      border-collapse:collapse;
      text-align:center;
  }

  input{
      width:50px;
      text-align:center;
      font-size:12pt;
      color:blue;
      border:1px solid #999;
  }

  .TrTitre1{
       font-size:12pt;
  }

  .TdTitre2{
       padding:10px 0;
  }

  /*]]>*/
  </style>
  
  <script>
  
function calcule(lui){

if(isNaN(lui.value)){

alert("la valeur entree n'est pas un chiffre")

return false;
}

var qt=0
var all=document.getElementById("tableaux_x").rows

 for (var i=0;i<all.length;i++){

  for (var j=0;j<all[i].cells.length;j++){

   if(all[i].cells[j].firstChild=='[object HTMLInputElement]'){
    qt+=all[i].cells[j].firstChild.value*all[i].cells[j+1].firstChild.value
    
    break
   }
  }
 }
 document.getElementsByName("depense")[0].value=qt
 document.getElementsByName("reste")[0].value=document.getElementsByName("reserve")[0].value-qt
} 
  </script>
 </head>
<body>

 <form>

<div id="conteneur">

<div id="tableaux">
<table id="tableaux_x">
     <tr class="TrTitre1">
        <td>Objet</td>
        <td>Prix</td>
        <td>Quantité</td>
    </tr>

       <!--Catégorie 1  -->

     <tr>
        <td colspan="3" class="TdTitre2">Catégorie 1</td>
    </tr>
    <tr>
        <td>A</td>
        <td><input name="prixA" value="10" disabled="disabled" /></td>
        <td><input name="quantiteA" onkeyup='calcule(this)'/></td>
    </tr>
    <tr>
        <td>B</td>
        <td><input name="prixB" value="16" disabled="disabled" /></td>
        <td><input name="quantiteB" onkeyup='calcule(this)'/></td>
    </tr>
     <tr>
        <td>C</td>
        <td><input name="prixC" value="22" disabled="disabled" /></td>
        <td><input name="quantiteC" onkeyup='calcule(this)'/></td>
    </tr>
     <tr>
        <td>D</td>
        <td><input name="prixD" value="28" disabled="disabled" /></td>
        <td><input name="quantiteD" onkeyup='calcule(this)'/></td>
     </tr>


        <!--Catégorie 2  -->

     <tr>
        <td colspan="3" class="TdTitre2">Catégorie 2</td>
    </tr>
    <tr>
        <td>E</td>
        <td><input name="prixE" value="38" disabled="disabled" /></td>
        <td><input name="quantiteE" onkeyup='calcule(this)'/></td>
    </tr>
    <tr>
        <td>F</td>
        <td><input name="prixF" value="44" disabled="disabled" /></td>
        <td><input name="quantiteF" onkeyup='calcule(this)'/></td>
    </tr>
     <tr>
        <td>G</td>
        <td><input name="prixG" value="50" disabled="disabled" /></td>
        <td><input name="quantiteG" onkeyup='calcule(this)'/></td>
    </tr>
     <tr>
        <td>H</td>
        <td><input name="prixH" value="56" disabled="disabled" /></td>
        <td><input name="quantiteH" onkeyup='calcule(this)'/></td>
     </tr>

     <!--Catégorie 3  -->

     <tr>
        <td colspan="3" class="TdTitre2">Catégorie 3</td>
    </tr>
    <tr>
        <td>I</td>
        <td><input name="prixI" value="66" disabled="disabled" /></td>
        <td><input name="quantiteI" onkeyup='calcule(this)'/></td>
    </tr>
    <tr>
        <td>J</td>
        <td><input name="prixJ" value="72" disabled="disabled" /></td>
        <td><input name="quantiteJ" onkeyup='calcule(this)'/></td>
    </tr>
     <tr>
        <td>K</td>
        <td><input name="prixK" value="78" disabled="disabled" /></td>
        <td><input name="quantiteK" onkeyup='calcule(this)'/></td>
    </tr>
     <tr>
        <td>L</td>
        <td><input name="prixL" value="80" disabled="disabled" /></td>
        <td><input name="quantiteL" onkeyup='calcule(this)'/></td>
     </tr>

     <!--Catégorie 3  -->

     <tr>
        <td colspan="3" class="TdTitre2">Catégorie 3</td>
    </tr>
    <tr>
        <td>M</td>
        <td><input name="prixM" value="20" disabled="disabled" /></td>
        <td><input name="quantiteM" onkeyup='calcule(this)'/></td>
    </tr>
    <tr>
        <td>N</td>
        <td><input name="prixN" value="25" disabled="disabled" /></td>
        <td><input name="quantiteN" onkeyup='calcule(this)'/></td>
    </tr>
     <tr>
        <td>O</td>
        <td><input name="prixO" value="30" disabled="disabled" /></td>
        <td><input name="quantiteO" onkeyup='calcule(this)'/></td>
    </tr>

</table>
   <br />
   <br />

   <!--Tableau résultats  -->

<table>
   <tr>
    <td>Réserve</td>
    <td><input name="reserve" value="158" disabled="disabled" /></td>
   </tr>

   <tr>
    <td>Dépense</td>
    <td><input name="depense"/></td>
   </tr>

   <tr>
    <td>Reste</td>
    <td><input name="reste"/></td>
   </tr>

</table>
</div>

<div id="images">
  <p>Images</p>
</div>

</div>

</form>    

</body>

</html>


rien ne sert de courir il faut partir a point.
cours Forest cours !
Messages postés
19
Date d'inscription
vendredi 11 juin 2004
Statut
Membre
Dernière intervention
1 mai 2016

Bonjour,

Ouf, me revoilà enfin, désolé ;-)
Super, parfait. C'est exactement cela.

Très sincère remerciement
F.