[JAVASCRIT] Input Text avec boutons + et -
Résolu
ten62
Messages postés
158
Date d'inscription
Statut
Membre
Dernière intervention
-
fatalchris -
fatalchris -
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é)
Mais ça ne fonctionne évidemment pas !
Une idée ?
Merci beaucoup !
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 !
A voir également:
- Microsoft text input application
- Microsoft office - Guide
- Microsoft money - Télécharger - Comptabilité & Facturation
- Cette technique secrète permet d'avoir Windows et Microsoft Office gratuitement et à vie - Accueil - Bureautique
- Installer windows 10 sans compte microsoft - Guide
- Microsoft store download - Guide
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>
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>
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
<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
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.
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.
