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 champ text avec un point dans le nom du champ


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Inscrit en
    Juin 2008
    Messages
    9
    Détails du profil
    Informations forums :
    Inscription : Juin 2008
    Messages : 9
    Points : 5
    Points
    5
    Par défaut Incrémentation champ text avec un point dans le nom du champ
    Bonjour à tous,

    J'ai trouvé le bout de code ci-dessous qui fonctionne bien, mais pas dans mon cas, car le nom de mes champs (créés dynamiquement avec php) contient un point "."

    J'ai cherché du coté de la fonction replace, mais mes compétences en javascript sont limitées.

    C'est pourquoi je vous remercie d'avance de vos propositions, idées et autres pistes éventuelles.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    function Moins(zone) 
    { 
    zone.value--; 
    } 
    function Plus(zone) 
    { 
    zone.value++; 
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <form name="form">
    <input type="text" size="2" name="nombre1.5" value="">
    <input type="button" value="+" name="plus" onClick="Plus(nombre1.5);">
    <input type="button" value="-" name="moins" onClick="Moins(nombre1.5);">
    <input type="text" size="2" name="nombre2.5" value="">
    <input type="button" value="+" name="plus" onClick="Plus(nombre2.5);">
    <input type="button" value="-" name="moins" onClick="Moins(nombre2.5);">
    </form>

  2. #2
    Expert confirmé
    Avatar de Loceka
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    2 276
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 2 276
    Points : 4 845
    Points
    4 845
    Par défaut
    Il faut que tu récupère l'élément en question ET que tu passes correctement tes arguments :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function Moins(zone) { 
      document.getElementsByName(zone)[0].value--; 
    } 
     
    <input type="button" value="+" name="plus" onClick="Plus('nombre1.5');">
    <input type="button" value="-" name="moins" onClick="Moins('nombre1.5');">

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    heu manquerait pas juste des quotes ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <form name="form">
    <input type="text" size="2" name="nombre1.5" value="">
    <input type="button" value="+" name="plus" onClick="Plus('nombre1.5');">
    <input type="button" value="-" name="moins" onClick="Moins('nombre1.5');">
    <input type="text" size="2" name="nombre2.5" value="">
    <input type="button" value="+" name="plus" onClick="Plus('nombre2.5');">
    <input type="button" value="-" name="moins" onClick="Moins('nombre2.5');">
    </form>
     
     
     
    <script type="text/javascript">
    alert(document.getElementsByName('nombre2.5')[0].value)
    </script>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Expert éminent
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Points : 9 127
    Points
    9 127
    Par défaut
    Citation Envoyé par bibeu Voir le message
    Bonjour à tous,

    J'ai trouvé le bout de code ci-dessous qui fonctionne bien, mais pas dans mon cas, car le nom de mes champs (créés dynamiquement avec php) contient un point "."

    J'ai cherché du coté de la fonction replace, mais mes compétences en javascript sont limitées.

    C'est pourquoi je vous remercie d'avance de vos propositions, idées et autres pistes éventuelles.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    function Moins(zone) 
    { 
    zone.value--; 
    } 
    function Plus(zone) 
    { 
    zone.value++; 
    }
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <form name="form">
    <input type="text" size="2" name="nombre1.5" value="">
    <input type="button" value="+" name="plus" onClick="Plus(nombre1.5);">
    <input type="button" value="-" name="moins" onClick="Moins(nombre1.5);">
    <input type="text" size="2" name="nombre2.5" value="">
    <input type="button" value="+" name="plus" onClick="Plus(nombre2.5);">
    <input type="button" value="-" name="moins" onClick="Moins(nombre2.5);">
    </form>
    où as tu trouvé un Javascript aussi mal fait ???
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <form name="form">
      <input type="text" size="2" name="nombre1.5" value="">
      <input type="button" value="+" name="plus" onClick="Plus('nombre1.5');">
      <input type="button" value="-" name="moins" onClick="Moins('nombre1.5');">
      <input type="text" size="2" name="nombre2.5" value="">
      <input type="button" value="+" name="plus" onClick="Plus('nombre2.5');">
      <input type="button" value="-" name="moins" onClick="Moins('nombre2.5');">
    </form>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function Moins(zone) 
    { 
      document.getElementById(zone).value--; 
    } 
    function Plus(zone) 
    { 
      document.getElementById(zone).value++; 
    }
    A+JYT

  5. #5
    Futur Membre du Club
    Inscrit en
    Juin 2008
    Messages
    9
    Détails du profil
    Informations forums :
    Inscription : Juin 2008
    Messages : 9
    Points : 5
    Points
    5
    Par défaut
    Merci beaucoup à tous, je test tout ça et je vous tiens au courant.

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     document.getElementById((zone).value++;
    un ( en trop ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Futur Membre du Club
    Inscrit en
    Juin 2008
    Messages
    9
    Détails du profil
    Informations forums :
    Inscription : Juin 2008
    Messages : 9
    Points : 5
    Points
    5
    Par défaut
    Bon ben ça marche bien avec la solution de Loceka et de sekaijin en fermant les parenthèses ...ou en ne les ouvrant pas


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function Moins(zone) 
    { 
      document.getElementById((zone)).value--; 
    } 
    function Plus(zone) 
    { 
      document.getElementById((zone)).value++; 
    }
    Avec les quotes c'est pas suffisant (j'avais déjà essayé).

    Merci beaucoup à tous et bonne journée !

  8. #8
    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 : 53
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Mouais, enfin ça marche sur IE et Opera, pour les autres navigateurs, il faudra rajouter des id à tes champs
    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

  9. #9
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    Dans mon exemple précédent :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementsByName(zone)[0].value
    syntaxe universelle
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  10. #10
    Futur Membre du Club
    Inscrit en
    Juin 2008
    Messages
    9
    Détails du profil
    Informations forums :
    Inscription : Juin 2008
    Messages : 9
    Points : 5
    Points
    5
    Par défaut
    J'ai fait comme ça, merci encore.

  11. #11
    Expert confirmé
    Avatar de Loceka
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    2 276
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 2 276
    Points : 4 845
    Points
    4 845
    Par défaut
    Citation Envoyé par bibeu Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    function Moins(zone) 
    { 
      document.getElementById((zone)).value--; 
    } 
    function Plus(zone) 
    { 
      document.getElementById((zone)).value++; 
    }
    Tu devrais rajouter une ou deux parenthèses de plus à mon avis :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function Moins(zone) 
    { 
      document.getElementById((((zone)))).value--; 
    } 
    function Plus(zone) 
    { 
      document.getElementById(((((zone))))).value++; 
    }

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

Discussions similaires

  1. tableau avec un point dans le nom associatif
    Par goldor dans le forum Langage
    Réponses: 2
    Dernier message: 13/04/2012, 23h19
  2. Réponses: 4
    Dernier message: 15/04/2011, 17h26
  3. Images dans champs texte avec RCP
    Par legentil dans le forum Eclipse Platform
    Réponses: 0
    Dernier message: 26/07/2010, 14h05
  4. Texte diff. dans un mm Champ Texte avec rollOver
    Par eternelifestyle dans le forum ActionScript 1 & ActionScript 2
    Réponses: 2
    Dernier message: 08/09/2007, 15h26
  5. Réponses: 3
    Dernier message: 09/02/2007, 18h51

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