Problème d'adition avec js

Problème d'adition avec js - HTML/CSS - Programmation

Marsh Posté le 08-12-2008 à 09:16:07    

Bonjour à tous
 
Voila je fais un petit programme caisse que j'utiliserais lors d'un evenement et j'aimerais pouvoir aditionner un ou plusieur articles à la fois.
 
J'ai donc qqch qui doit resembler à cela :
 
 
- Sprite +    
- Coca Cola +
- Sandwiche +
 
Etc..
 
Le but et que lorsque je clique sur le plus du produit, le prix s'aditionne à coté et que si je clic sur le moin parce que j'ai fais une petite betise sa m'enlève le prix.
Et il me faut l'adition du total à la fin.
 
J'aimerais faire sa sans chargement de page donc je passe par JS mais je n'ai malheureusement aucune connaisance dans la matière.
 
J'ai essayer quelques petites chose en reprenant le script d'un claculatrice mais sans succès.
 
J'espère vraiment que j'ai été asser claire et que vous pourrez me donner un petit coup de main.
 
Merci d'avance
 
 
 
 

Reply

Marsh Posté le 08-12-2008 à 09:16:07   

Reply

Marsh Posté le 08-12-2008 à 10:55:44    

Re bonjour
 
Voila j'ai réussi à faire ce que je voulais en fesant cela :
 
<?
 $i=1;
 $nb=0;
$sql="SELECT id, type, libelee, nb_article, vendu, prix FROM articles where type='Boissons'";
 
   if($result = mysql_query($sql)) {
      while($data = mysql_fetch_assoc($result)) {  
?>  
 
 
 <?
 $nb=$nb+1;
 $i=$i+1;
 if($i%2)
  {
  echo "<tr bgcolor=#DBBB6F >";
  $class = "champcolor";
  }else{
  echo "<tr>";
  $class = "champ";  
  }
 ?>
  <td>
  <? echo font.$data['libelee'] ?>
  </td><td height="15">
    <form name="nom<? echo $i ?>">
    <script language="javascript">
     var prixplus<? echo $i ?>="+<? echo $data['prix'] ?>";
     var prixmoin<? echo $i ?>="-<? echo $data['prix'] ?>";  
    </script>
    <input name=moin onclick="nom<? echo $i ?>.champ<? echo $i ?>.value = eval((nom<? echo $i ?>.champ<? echo $i ?>.value)+prixmoin<? echo $i ?> )" type=button value=" - ">
     
    &nbsp;
    <? echo font.$data['prix'] ?>
    &nbsp;
     
    <input name=plus onclick="nom<? echo $i ?>.champ<? echo $i ?>.value = eval((nom<? echo $i ?>.champ<? echo $i ?>.value)+prixplus<? echo $i ?> )" type=button value=" + ">
      </td><td>
    <input name="champ<? echo $i ?>" size="7" value="0.00" class="<? echo $class ?>" disabled="disabled">
  </td><td align="right">
  <?  
  $reste = $data['nb_article']-$data['vendu'];
  echo font.'<b>'.$reste.'</b>&nbsp;pce(s)';  ?>
  </td>
 </tr>
 </form>
<?
               }
                }
                 
?>
</table>
 
Le (gros) problème maintenant pour moi et de calculer le tout vu que chaque fois je referme le "</form>". est ce que qqun pourrais m'aider svp :-(
 
Merci merci

Reply

Marsh Posté le 09-12-2008 à 14:20:55    

Tu galere quand meme pas mal avec ton PHP melanger a ton JS le plus simple est de faire comme ca :
 
en javascipt :

Code :
  1. var prix = 0
  2. function refreshprix()
  3. {
  4. getelementbyid("prix" ).innerHTML=prix;
  5. }


et dans le body :
 

Code :
  1. <span id="prix">0</span>
  2. <span onclick="prix-=2;refreshprix()">-</span> Sprite <span onclick="prix+=2;refreshprix()">+</span>
  3. <span onclick="prix-=3;refreshprix()">-</span> Coca Cola <span onclick="prix+=3;refreshprix()">+</span>
  4. <span onclick="prix-=10;refreshprix()">-</span> Sandwiche <span onclick="prix+=5;refreshprix()">+</span


 
Bon c un code tres vite fait, mais je pense que ta compris la manip...


Message édité par GordonF_69 le 09-12-2008 à 14:34:49
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed