Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
592 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML ou JS] bouton ..

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML ou JS] bouton ..

n°424141
Nerdzus
Posté le 11-06-2003 à 19:00:01  profilanswer
 

Existe t'il un bouton en HTML qui incrémente ou désincrémente une sorte de <input type="text"> contenant un chiffre, existe t'il un moyen de le faire en html ou js ?

mood
Publicité
Posté le 11-06-2003 à 19:00:01  profilanswer
 

n°424333
walli
Posté le 11-06-2003 à 22:11:59  profilanswer
 

oui, c'est tout à fair faisable en je.
sur le onclick de ton bouton, tu appelles une fonction js.
et dans ta fonction, tu récupères la value de ton input text, tu fais un parseInt dessus, et tu incrémentes ou décrémentes.
ensuite, tu replaces ton nombre dans ton input...

n°425456
Nerdzus
Posté le 12-06-2003 à 20:32:36  profilanswer
 

un petit example ? JE suis vraiment une cake en js..

n°425542
walli
Posté le 12-06-2003 à 21:46:32  profilanswer
 

ca te donne qqchose dans ce genre là :  

Code :
  1. <html>
  2.       <head>
  3.             <title>incrementation d'un input</title>
  4.             <script language="javascript">
  5.  
  6.             function incremente()
  7.             {
  8.                 var iNumber = parseInt(document.getElementById("incrementation" ).value);
  9.                 iNumber = iNumber+1;
  10.                 document.getElementById("incrementation" ).value = iNumber;
  11.             }
  12.           </script>
  13.       </head>
  14.       <body>
  15.             <input type="text" name="incrementation" id="incrementation" value="5">
  16.             <input type="button" name="bouton" onclick="incremente();">
  17.       </body>
  18. </html>

n°426942
Nerdzus
Posté le 13-06-2003 à 16:58:20  profilanswer
 

Code :
  1. <html>
  2.         <head>
  3.               <title>incrementation d'un input</title>
  4.               <script language="javascript">
  5.    
  6.  
  7.               function incremente()
  8.               {
  9.                     var iNumber = parseInt(document.getElementById("incrementation" ).value);
  10.                     iNumber = iNumber+1;
  11.                     document.getElementById("incrementation" ).value = iNumber;
  12.               }
  13.              
  14.               function desincremente()
  15.               {
  16.                     var iNumber = parseInt(document.getElementById("incrementation" ).value);
  17.                     iNumber = iNumber-1;
  18.                     document.getElementById("incrementation" ).value = iNumber;
  19.              
  20.               }
  21.              
  22.  
  23.             </script>
  24.  
  25.         </head>
  26.  
  27.         <body>
  28.               <input type="text" name="incrementation" id="incrementation" value="1" disabled>
  29.               <input type="button" name="bouton" value="+" onclick="incremente();">
  30.               <input type="button" name="bouton" value="-" onclick="desincremente();">
  31.         </body>
  32.   </html>


 
Maintenant j'ai ça, comment je fais pour que le compteur ne puisse pas aller en dessous de 1 ?


Message édité par Nerdzus le 13-06-2003 à 16:59:52
n°427069
HORNY-Gran​dcornu
grumf !
Posté le 13-06-2003 à 19:44:42  profilanswer
 

Code :
  1. function desincremente()
  2.               {
  3.                     var iNumber = parseInt(document.getElementById("incrementation" ).value);
  4.                     iNumber = iNumber-1;
  5.        
  6. if ( iNumber < 1 )
  7.     iNumber = 1;
  8.                     document.getElementById("incrementation" ).value = iNumber;
  9.               }


 
faut bidouiller ;)
 
EDIT : oups :d


Message édité par HORNY-Grandcornu le 13-06-2003 à 19:45:36
n°427070
HORNY-Gran​dcornu
grumf !
Posté le 13-06-2003 à 19:46:30  profilanswer
 

au fait, le getElementById ne fonctionne pas sous IE 4 :non: :o :D

n°427073
antp
Super Administrateur
Champion des excuses bidons
Posté le 13-06-2003 à 19:50:47  profilanswer
 

Ouais enfin bon IE 4 c'est quand même vachement négligeable...
On peut comprendre que certains soient bloqués à NS 4 mais il y en a encore moins en IE 4 il me semble...


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°427074
RiderCrazy
Posté le 13-06-2003 à 19:50:52  profilanswer
 

HORNY-GRANDCORNU a écrit :

au fait, le getElementById ne fonctionne pas sous IE 4 :non:


Ca existe encore  :??:    :lol:
 
[:grilled]


Message édité par RiderCrazy le 13-06-2003 à 19:54:20
n°427452
HORNY-Gran​dcornu
grumf !
Posté le 14-06-2003 à 11:14:03  profilanswer
 

Ben sous Windaube 98 première édition, IE 4 est installé par défaut http://forum.hardware.fr/icones/icon10.gif


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML ou JS] bouton ..

 

Sujets relatifs
Récupérer le html géneré par le javascriptProblème avec un tableau HTML dynamique
[HTML/PHP/JS]Optimisation site photo[HTML] Cellule de tableau qui utilise la largeur restante
crypter page html[HTML] Avoir plusieurs submit dans un meme formulaire
[html/css] caler une ligne de texte tout en haut de la page ? [résolu][HTML] niveau de sécurité des type password
[CSS/HTML] Bordures et feuilles de style...[une dernière question](Résolu) Comment mettre un bouton (UserForm) sur une feuille excel ?
Plus de sujets relatifs à : [HTML ou JS] bouton ..


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR