Formulaire et chagement de valeur

Version imprimable

18/03/2006, 20h44
Rhadamanthe59

Formulaire et chagement de valeur

Bonsoir a toute et à tous,

alors je vous explique mon probleme,
j'ai un input avec une valeur numerique par defaut
par exemple 1000

ensuite j ai deux images !!!
lorsque je clique sur l'une la valeur du submit incremente de 10
et l autre decremente de 10
par contre je ne dois pas pouvoir décrementé si j ai ma valeur par defaut
j'ai ce probléme la et je n'arrive pas à m'en defaire pouvais vous m'aider s'il vous plait ?
18/03/2006, 22h07
Kerod

Sans code on peut pas grand chose :roll:
18/03/2006, 22h15
Rhadamanthe59
dans ce cas le voici ^^
Code:

1 2 3 <input type="text" name="hp" size="6" maxlenght="6" value="1000" disabled> <a href="#" onclick="javascript:more(1000,25,"hp")">+</a>
1000 étant la valeur dans le input
25 la valeur d'incrementation
et hp le nom du champs
deja essayons pour l'incrementation
Code:

1 2 3 4 function more(valeur,augmentation,name) { }
et la fonction je sais pas justement, je pense juste avoir besoin des trois parametres presenté plus haut

merci de votre aide

Avec ton code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<input type="text" id="hp" size="6" maxlenght="6" value="1000" disabled>
<a href="#" onclick="javascript:more(25,'hp')">+</a> 
<a href="#" onclick="javascript:decrease(25,'hp')">-</a> 
<script language="javascript">
var defaut = parseInt(document.getElementById('hp').value);
 
function more(augmentation,id)
{
  var val = parseInt(document.getElementById(id).value);
  document.getElementById(id).value = val + augmentation;
}
function decrease(moins,id)
{
  var val = parseInt(document.getElementById(id).value);
  document.getElementById(id).value = (val != defaut)?(val - moins):defaut;
}

J'ai retiré la valeur par défaut mais tu peux la rajouter

18/03/2006, 22h34
Rhadamanthe59

merci beaucoup je vais tester ^^

De rien et je pense que là il est complet le code...Par contre tu peux mettre un if à la place de l'instruction de test que j'ai mis.

Comme ceci par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<a href="#" onclick="javascript:update('+',25,'hp')">+</a> 
<a href="#" onclick="javascript:update('-',25,'hp')">-</a> 
<script language="javascript">
var defaut = parseInt(document.getElementById('hp').value);
function update(signe,valeur,id)
{
  var val = parseInt(document.getElementById(id).value);
  if(signe == "+")
  document.getElementById(id).value = val + valeur;
  else if(signe == "-" && val != defaut)
  document.getElementById(id).value = (val - valeur);
}
</script>

18/03/2006, 22h52
Rhadamanthe59

la derniere est la plus conviviale !!!
par contre j'ai un soucis avec le moins c est que si ma valeur par defaut est 1000 je ne veux pas descendre en dessous et la dans le code il me le fait !!! je vais regardé comment ce fais ce !!

merci beaucoup encore une fois
18/03/2006, 22h56
Rhadamanthe59

j'ai trouvé pourquoi c est parce que j'avais mis le code dans mon fichier script.js !! en mettant ce code sur ma page ca marche !

voici donc le code final

Code:

1
2
3
      <input type="text" name="hp" id="hp" size="6" maxlenght="6" value="<?php echo $hp; ?>" disabled>
      <a href="#" onclick="javascript:update('+',25,'hp',<?php echo $hp; ?>)">+</a>
      <a href="#" onclick="javascript:update('-',25,'hp',<?php echo $hp; ?>)">-</a>

code javascript

Code:

1
2
3
4
5
6
7
8
9
 
function update(signe,valeur,id,defaut)
      {
      var val = parseInt(document.getElementById(id).value);
      if(signe == "+")
      document.getElementById(id).value = val + valeur;
      else if(signe == "-" && val != defaut)
      document.getElementById(id).value = (val - valeur);
      }

merci encore une fois ^^

18/03/2006, 23h12
Kerod

De rien mais la prochaine fois utilises la fonction éditer

j"ai fermé un peu trop tot apparement !!!
j'ai voulu rajouté une autre chose et bizarrement ca marche pas !

j'ai un compteur qui me permet de savoir combien de fois je peux faire une incrementation

j'ai donc rajouté dans le javascript
Code:

1 2 3 4 5 6 7 8 9 10 11 function update(signe,valeur,id,defaut) { var val = parseInt(document.getElementById(id).value); var points = parseInt(document.getElementById('pointstats').value); if(signe == "+" && points >= 0) document.getElementById(id).value = val + valeur; document.getElementById('pointstats').value = (points - 1); else if(signe == "-" && val != defaut) document.getElementById(id).value = (val - valeur); }
apparement c est cette ligne la qui bug

Code:

document.getElementById('pointstats').value = (points - 1);

c'est la base de la programmation et ca doit venir obligatoirement de là ...

ALors lorsqu'un if contient une seule ligne de code on est pas contraint de mettre de { } alors que s'il y a plusieur c'est le contraire donc je te conseille de faire comme ceci pour que ce soit correct :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function update(signe,valeur,id,defaut)
      {
      var val = parseInt(document.getElementById(id).value);
      var points = parseInt(document.getElementById('pointstats').value);
      if(signe == "+" && points >= 0)
      {
         document.getElementById(id).value = val + valeur;
         document.getElementById('pointstats').value = (points - 1);
      }
      else if(signe == "-" && val != defaut)
      document.getElementById(id).value = (val - valeur);
      }