Discussion :

[Rhadamanthe59]

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 ?

[Kerod]

Sans code on peut pas grand chose

[Rhadamanthe59]

dans ce cas le voici ^^

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Kerod]

Avec ton code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Rhadamanthe59]

merci beaucoup je vais tester ^^

[Kerod]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[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

[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 !

[Rhadamanthe59]

voici donc le code final

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ^^

[Kerod]

De rien mais la prochaine fois utilises la fonction éditer

[Rhadamanthe59]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Kerod]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
      }