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