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 :

Ajout des input successifs


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Inscrit en
    Septembre 2008
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 66
    Par défaut Ajout des input successifs
    bonjour,
    je travaille un formulaire avec un bouton + qui m'ajoute à chaque fois un input
    je veux en final faire l'insertion de ces lignes dans ma table mais je n'arrive pas à avoir le nombre du dernier input ajouter voici mon code
    essai.html
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    <script language="javascript">
    var c,c2, ch;
    // ajouter un champ avec son "name" propre;
    function plusbal(){
    c=document.getElementById('cadre');
    c2=c.getElementsByTagName('input');
    ch=document.createElement('input');
     
    ch.setAttribute('type','text');
    ch.setAttribute('name','balname'+c2.length);
    ch.setAttribute('id','balname'+c2.length);
    c.appendChild(ch);
     
    document.getElementById('sup').style.display='inline';
    document.getElementByID("nbphase").value=c2.length;
    //document.adduser.nbphase.value=document.getElementByID("nbphase").value+1;
     
    }
    // supprimer le dernier champ;
    function moinsbal(){
     
    if(c2.length>0){
    c.removeChild(c2[c2.length-1]);
    }
    if(c2.length==0){
    document.getElementById('sup').style.display='none';
    }
    document.adduser.nbphase.value=c2.length;
     
    }
    </script>
    <table><tr>
     
     
     
     
      <form name="essai" id="essai" method="get" action="essai2.php">
     
      <input type="hidden" name="nbphase" value="1">
    <td><input type="button" value="+" style="cursor:pointer" title="Ajouter un champs" onClick="plusbal()"></td><td>
    <input type="button" value="-" style="cursor:pointer;display:none" title="Supprimer un champs" id="sup" onClick="moinsbal()">
     
    </td></tr>
     
    <tr><td>
     
    <div id="cadre" style="margin-left:0px;width:200px"></div></td></tr>
    <tr><td>
    <input type="submit" value="ok"></td></tr>
    </form>
    et je veux dans essai2.php recuperer le nombre des ligne pour faire une boucle pour inserer dans la table

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    Bonjour,

    qu'entends tu pas le nombre du dernier input ?

  3. #3
    Membre confirmé
    Inscrit en
    Septembre 2008
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 66
    Par défaut
    c à d

    je veux recuperé le nombre 6 de cet exemple (qui est variable selon le nombre de ligne ajouté)
    mon code fait ceci
    <input id="balname0" type="text" name="balname0"/>
    <input id="balname1" type="text" name="balname1"/>
    ....
    <input id="balname6" type="text" name="balname6"/>

  4. #4
    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 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 658
    Billets dans le blog
    1
    Par défaut
    attribuer un name dynamiquement est périlleux ...
    une solution consiste a faire de la duplication.
    http://www.developpez.net/forums/d81...oad-multiples/
    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 !

  5. #5
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    Si tu veux le dernier tu fais un

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var lstInput = tontableau.getElementsByTagName('input');
    var lastInput = lstInput[lstInput.length-1];
    puis une regexp ou un split sur le nom de ton input

  6. #6
    Membre confirmé
    Inscrit en
    Septembre 2008
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 66
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.adduser.nbphase.value=document.getElementByID("nbphase").value+1;
    pourquoi sa marche pas malgré qu'elle n'est pas commentaire

  7. #7
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="hidden" name="nbphase" value="1">
    n'as pas d'id ajoutes en un ^^

  8. #8
    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 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="hidden" name="nbphase[]" value="1">
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementsByName('nbphase[]')
    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 !

Discussions similaires

  1. Ajouter un ligne à un tableau avec des inputs
    Par thecrazyspy dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 24/12/2014, 14h49
  2. Ajouter des champs (input, textarea) dynamiques
    Par vinceom92 dans le forum Général JavaScript
    Réponses: 25
    Dernier message: 24/10/2013, 09h29
  3. Ajouter des input file sur demande
    Par vva dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 30/09/2008, 11h07
  4. Ajouter des valeurs dans un input
    Par maoboy dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 08/06/2007, 15h18
  5. ajouter des input avec select
    Par nicerico dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 04/11/2006, 09h56

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