Augmenter ou diminuer la valeur d'un champ?

dams

7 Mar 2005 à 13:38

salut a tous,
savez-vous comment faire pour augmenter ou diminuer la valeur d'un champ de texte en javascript?
c'est pour faire un systeme de caddie, l'utilisateur a partir d'un bouton peut modifier la quantité d'article qu'il desire, soit il clique sur le bouton + et il passe de 1 article a 2, soit il clique sur le bouton - et il passe de 2 articles a 1 seul, vous voyez ce que je veux faire?

ca ne fonctionne pas, voila ce que jai fait:

------code de fonction:
<script language="JavaScript" type="text/javascript">
function up() {
form1.document.getElementById('nbre').value+=1;
}

------code sur le bouton pour augmenter:
<a href="#" onClick="up();"><input name="image" type="image" value="Envoyer" src="images/plusmoins.gif" width="9" height="16"></a>

merci pour votre aide.

Jep

7 Mar 2005 à 13:45

La première chose à faire et de comprendre comment on cible des elements en JavaSript :

function up() {
  n = document.getElementById('nbre');
  n.value = n.value+1;
}

Ensuite, il faut bien penser à donner un ID a l'element que l'on veux cibler :

<img src="images/plusmoins.gif" width="9" height="16" onclick="up()" /> <input type="text" id="nbre" value="1" />

Modifié par Jep (07 Mar 2005 - 13:45)

dams

7 Mar 2005 à 14:30

le code que tu m'a donné, ajoute a 1 dans le champ de texte.
A l'origine le chmp de texte contient 1 et si je clique sur le bouton, ca donne ca: 11111111...........

Jep

7 Mar 2005 à 17:19

Oui, c'est normal, il faut dire a la focntion Javascript que la valeur de ton champs est un nombre entier car pour le moment, il considère que c'est une chaine et fait une concaténation au lieu d'une addition :

function up() {
n = document.getElementById('nbre');
n.value = parseInt(n.value)+1;
}