High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[JAVASCRIT] Input Text avec boutons + et -

Dernière réponse le 31 aoû 2009 à 14:41:39 ten62, le 6 aoû 2008 à 20:25:04 
 Signaler ce message aux modérateurs

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 !
Configuration: Windows XP
Firefox 2.0.0.16

Meilleures réponses pour « [JAVASCRIT] Input Text avec boutons + et » dans :
Javascript - Effacer un champ de formulaire lors du clic (focus) Voir
Les éditeurs de texte formaté - Rich text editors Voir
Javascript - Interdire le clic droit de la souris VoirIl est possible d'empêcher que votre visiteur effectue un clic droit sur votre page. Ceci permet une protection relative de vote code source et de vos photos. Placez ce script entre les balises et de votre code HTML :
Standard MIME (Multipurpose Internet Mail Extensions) VoirIntroduction à MIME MIME (Multipurpose Internet Mail Extensions) est un standard qui a été proposé par les laboratoires Bell Communications en 1991 afin d'étendre les possibilités limitées du courrier électronique (mail) et notamment de permettre...
Posez votre question Répondre

1

garf, le 6 aoû 2008 à 22:09:39

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
http://www.cambiaresearch.com/...

   
Répondre à garf

3

 zabyoo, le 31 aoû 2009 à 14:41:39

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.

   
Répondre à zabyoo

2

ten62, le 6 aoû 2008 à 22:18:24

Merci beaucoup ça marche nikel ! ;-) !

   
Répondre à ten62
Posez votre question Répondre
Ils ont besoin de votre aide