IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Incrémentation / Décrémentation champs text


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 20
    Par défaut Incrémentation / Décrémentation champs text
    Bonjour, j'ai un formulaire avec :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
      <input type="button" name="choix" value="-"  onclick='document.getElementById("quantite").value--;' />
      <input type="text" name="quantite1[]" id="quantite" value="0" size="8" disabled="disabled"/> 
      <input type="button" name="choix" value="+" onclick='document.getElementById("quantite").value++;' />
    je voudrais qu'on puisse incrémenter et décrémenter seulement entre 0 et 10 car la je peux aller même en dessous de 0.......à -10 par exemple
    donc pour aller de 0 a 10 comment faire ?

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onclick='document.getElementById("quantite").value = Math.max(document.getElementById("quantite").value--,0);'
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 20
    Par défaut
    cela ne fonctionne pas

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 20
    Par défaut
    Voilà mon code, j'ai plusieurs champs text et je veux que chacun puisse aller de 0 a 10.....

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
      <input type="button" name="choix" value="-"  onclick='document.getElementById("quantite").value--;' />
      <input type="text" name="quantite1[]" id="quantite" value="0" size="8" disabled="disabled"/> 
      <input type="button" name="choix" value="+" onclick='document.getElementById("quantite").value++;' />
      <br />
      <input type="button" name="choix" value="-"  onclick='document.getElementById("quantite2").value--;' />
      <input type="text" name="quantite1[]" id="quantite2" value="0" size="8" disabled="disabled"/>
      <input type="button" name="choix" value="+"  onclick='document.getElementById("quantite2").value++;' />
      <br />
      <input type="button" name="choix" value="-"  onclick='document.getElementById("quantite3").value--;' />
      <input type="text" name="quantite1[]" id="quantite3" value="0" size="8" disabled="disabled"/>
      <input type="button" name="choix" value="+"  onclick='document.getElementById("quantite3").value++;' />

  5. #5
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
      <input type="button" name="choix" value="-"  onclick='Moins(document.getElementById("quantite"));'/>
      <input type="text" name="quantite1[]" id="quantite" value="0" size="8" disabled="disabled"/> 
      <input type="button" name="choix" value="+" onclick='Plus(document.getElementById("quantite"));' />
    avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function Moins(obj) {
    obj.value=(parseInt(obj.value,10)>0)?parseInt(obj.value,10)--:obj.value;
    }
    function Plus(obj) {
    obj.value=(parseInt(obj.value,10)<10)?parseInt(obj.value,10)++:obj.value; 
    }
    A+

  6. #6
    Membre chevronné
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2005
    Messages
    357
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Janvier 2005
    Messages : 357
    Par défaut
    Salut,
    voilà une solution :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
      <input type="button" name="choix" value="-"  onclick='if (document.getElementById("quantite").value > 0) document.getElementById("quantite").value--;' />
      <input type="text" name="quantite1[]" id="quantite" value="0" size="8" disabled="disabled"/> 
      <input type="button" name="choix" value="+" onclick='if (document.getElementById("quantite").value < 10) document.getElementById("quantite").value++;' />

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 20
    Par défaut
    merci...
    mais j'ai essayé cela passe toujours pas ya quelque chose à modifier ????

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CS5] Passer des variables avec incrémentation dans champ texte
    Par Aymeric06400 dans le forum ActionScript 1 & ActionScript 2
    Réponses: 2
    Dernier message: 17/05/2013, 05h28
  2. incrémenter champ texte
    Par dragonfly80 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/03/2009, 17h20
  3. Réponses: 1
    Dernier message: 28/01/2009, 01h21
  4. Réponses: 12
    Dernier message: 22/08/2007, 12h18
  5. Pb d'incrémentation dans champ texte
    Par edonis dans le forum VBA Access
    Réponses: 0
    Dernier message: 25/07/2007, 08h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo