[HTML ou JS] bouton ..

Marsh Posté le 11-06-2003 à 19:00:01

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 ?

Reply

Marsh Posté le 11-06-2003 à 19:00:01

Reply

Marsh Posté le 11-06-2003 à 22:11:59

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

Reply

Marsh Posté le 12-06-2003 à 20:32:36

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

Reply

Marsh Posté le 12-06-2003 à 21:46:32

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>

Reply

Marsh Posté le 13-06-2003 à 16:58:20

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

Reply

Marsh Posté le 13-06-2003 à 19:44:42

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

Reply

Marsh Posté le 13-06-2003 à 19:46:30

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

Reply

Marsh Posté le 13-06-2003 à 19:50:47

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

Reply

Marsh Posté le 13-06-2003 à 19:50:52

HORNY-GRANDCORNU a écrit :

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

Ca existe encore :??: :lol:

[:grilled]