[HTML ou JS] bouton ..

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML ou JS] bouton ..

Nerdzus

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 ?

Publicité

walli

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

Nerdzus

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

walli

ca te donne qqchose dans ce genre là :

Code :

<html>
<head>
<title>incrementation d'un input</title>
<script language="javascript">
function incremente()
{
var iNumber = parseInt(document.getElementById("incrementation" ).value);
iNumber = iNumber+1;
document.getElementById("incrementation" ).value = iNumber;
}
</script>
</head>
<body>
<input type="text" name="incrementation" id="incrementation" value="5">
<input type="button" name="bouton" onclick="incremente();">
</body>
</html>

Nerdzus

Code :

<html>
<head>
<title>incrementation d'un input</title>
<script language="javascript">
function incremente()
{
var iNumber = parseInt(document.getElementById("incrementation" ).value);
iNumber = iNumber+1;
document.getElementById("incrementation" ).value = iNumber;
}
function desincremente()
{
var iNumber = parseInt(document.getElementById("incrementation" ).value);
iNumber = iNumber-1;
document.getElementById("incrementation" ).value = iNumber;
}
</script>
</head>
<body>
<input type="text" name="incrementation" id="incrementation" value="1" disabled>
<input type="button" name="bouton" value="+" onclick="incremente();">
<input type="button" name="bouton" value="-" onclick="desincremente();">
</body>
</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

HORNY-Grandcornu

grumf !

Code :

function desincremente()
{
var iNumber = parseInt(document.getElementById("incrementation" ).value);
iNumber = iNumber-1;
if ( iNumber < 1 )
iNumber = 1;
document.getElementById("incrementation" ).value = iNumber;
}

faut bidouiller

EDIT : oups

Message édité par HORNY-Grandcornu le 13-06-2003 à 19:45:36

HORNY-Grandcornu

grumf !

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

antp

Super Administrateur
Champion des excuses bidons

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

RiderCrazy

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

HORNY-Grandcornu

grumf !

Ben sous Windaube 98 première édition, IE 4 est installé par défaut

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML ou JS] bouton ..

Sujets relatifs
Récupérer le html géneré par le javascript	Problè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 ..

Page générée en 0.053 secondes