Calculs et tableaux

Résolu

fuerchan Messages postés 20 Date d'inscription vendredi 11 juin 2004 Statut Membre Dernière intervention 13 décembre 2021 - 12 mars 2015 à 14:58
fuerchan Messages postés 20 Date d'inscription vendredi 11 juin 2004 Statut Membre Dernière intervention 13 décembre 2021 - 20 mars 2015 à 10:47

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.

A voir également:

Calculs et tableaux
Tableaux html - Conseils pratiques -PHP
Comment calculer matrice et clavier ✓ - Forum PHP
Stockage de tableaux - Forum C / C++ / C++.NET
Vba tableaux ✓ - Forum Visual Basic 6
Tous les tableaux de loto - Forum VB.NET

4 réponses

Réponse 1 / 4

@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
Modifié par kazma le 12/03/2015 à 17:40

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 !

Réponse 2 / 4

fuerchan Messages postés 20 Date d'inscription vendredi 11 juin 2004 Statut Membre Dernière intervention 13 décembre 2021
Modifié par kazma le 13/03/2015 à 10:54

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.

Réponse 3 / 4

@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
Modifié par kazma le 14/03/2015 à 15:01

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 !

Réponse 4 / 4

fuerchan Messages postés 20 Date d'inscription vendredi 11 juin 2004 Statut Membre Dernière intervention 13 décembre 2021
20 mars 2015 à 10:47

Bonjour,

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

Très sincère remerciement
F.

Discussions similaires

Les tableaux - constructeur

Stockage de la date sytème dans un tableau

Concatener 2 tableaux

tableaux contenant plusieurs types

simplifier une fraction ( débutant ) !!!

Votre réponse

Discussions similaires