[JAVASCRIT] Input Text avec boutons + et -

Résolu/Fermé
ten62 Messages postés 158 Date d'inscription dimanche 22 juin 2008 Statut Membre Dernière intervention 5 avril 2011 - 6 août 2008 à 20:25
 fatalchris - 24 mars 2010 à 14:22
Bonjour,

Je voudrais faire un input text, où il n'y aura que des chiffres ou nombres, à coté de celui-ci il y aurai un bouton + et un bouton - (images). Lorsque l'on cliquerai sur un des 2 boutons la valeur de l'input text augmenterai ou diminuerai.
Débutant en javascript, je bloque un peu ici.
J'ai testé ça : (simplifié)

<input name="X" type="text" id="X"  />
<a href='javascript:majQuantite(1, X);'><img src='plus.gif'></a>
<a href='javascript:majQuantite(-1, X);'><img src='moins.gif' ></a>

...

<script language="javascript">
function majQuantite(qte, champ) 
{
	quant = document.getElementById['"+champ+"'].value;
	quantite = parseInt(quant) + parseInt(qte);
	if (quantite < 0) {quantite = 0;}
	if (quantite > 999) {quantite = 999;}

	document.getElementById['"+champ+"'].value = quantite;
}
</script>


Mais ça ne fonctionne évidemment pas !

Une idée ?

Merci beaucoup !

3 réponses

code revu et corrigé.
moi ca fonctionne


<script language="javascript">
function majQuantite(qte, champ)
{
quant = document.getElementById("X").value;
quantite = parseInt(quant) + parseInt(qte);
if (quantite < 0) {quantite = 1;}
if (quantite > 10) {quantite = 10;}

document.getElementById("X").value = quantite;
}
</script>
10
après beaucoup de recherche je suis arrivé à ce script pour mon site

<script type="text/javascript">
function add( nom ) {
document.getElementById( nom ).value ++;
}
function substract( nom ) {
document.getElementById( nom ).value --;
}

function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;

return true;
}
</script>

<form>
<input type="text" value="1" id="quantite" size="2" maxlength="4" onkeypress="return isNumberKey(event);">
<a onClick="add('quantite');" >plus</a>
<a onClick="substract('quantite');"> moins</a>
</form>

la fonction isNumberKey n'est pas de moi
https://www.cambiaresearch.com/articles/39/how-can-i-use-javascript-to-allow-only-numbers-to-be-entered-in-a-textbox
7
zabyoo Messages postés 1 Date d'inscription lundi 31 août 2009 Statut Membre Dernière intervention 31 août 2009
31 août 2009 à 14:41
Salut,

ce script marche très bien, mais si j'ajoute window.location pour mettre à jour la quantité en meme temps ça ne marche pas.

function add(nom) {
document.getElementById( nom ).value ++;
window.location="boutique/ctrl_modif_quantite_caddy.php?currentlang=<? echo "$currentlang" ?>&id_caddy="+id_caddy+"&PHPSESSID=<?=$PHPSESSID?>"; // ICI LA REDIRECTION NE MARCHE PAS
}
function substract(nom) {
if (document.getElementById( nom ).value <= 1)
return false;
document.getElementById( nom ).value --;
window.location="boutique/ctrl_modif_quantite_caddy.php?currentlang=<? echo "$currentlang" ?>&id_caddy="+id_caddy+"&PHPSESSID=<?=$PHPSESSID?>"; // ICI LA REDIRECTION NE MARCHE PAS
}

merci de votre aide.
0
ten62 Messages postés 158 Date d'inscription dimanche 22 juin 2008 Statut Membre Dernière intervention 5 avril 2011 23
6 août 2008 à 22:18
Merci beaucoup ça marche nikel ! ;-) !
4