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 de ligne dans un tableau html


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    185
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2009
    Messages : 185
    Par défaut Ajout de ligne dans un tableau html
    Bonjour à toutes et tous,

    Voici d'abord le code qui ne fonctionne pas ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <script type="text/javascript">
    function AddRow(N)
    for (var i=1;i=N;i=i++){
    var newRow = document.getElementById('table').insertRow(-1);
        var newCell = newRow.insertCell(0);
        newCell.innerHTML = '<input name="ordrecr"'+i+' type="text" size="3" maxlength="3" />';
        newCell = newRow.insertCell(1);
        newCell.innerHTML = '<input name="libellecr"'+i+' type="text" size="35" maxlength="45" />';
    	 newCell = newRow.insertCell(2);
        newCell.innerHTML = '<input name="mtcr"'+i+' type="text" size="6" maxlength="9" />&euro;';
    }
    </script>

    Vous l'aurez compris, je voudrais que mes champs de texte prennent la valeur ordrecr1 / libelle1 / mtcr1 ... ordrecrN / libelleN / mtcrN pour pouvoir les récupérer et les insérer dans ma base.
    En ajoutant la boucle, l'insertion de ligne ne fonctionne plus et rien n'est renvoyé.
    Qu'en pensez vous ?

    Par ailleurs, je me pose la question de savoir comment je vais récupérer les différents champs dans la page d'insertion en PHP ou en JS ? Si quelqu'un a déjà fait je serais heureux qu'il partage son expérience.


    Merci de votre aide

  2. #2
    Membre émérite
    Homme Profil pro
    Touche à tout informatique autodidacte
    Inscrit en
    Janvier 2007
    Messages
    811
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Algérie

    Informations professionnelles :
    Activité : Touche à tout informatique autodidacte

    Informations forums :
    Inscription : Janvier 2007
    Messages : 811
    Par défaut
    Bonjour,
    A voir ton code, je pense que

    serait plus approprié. Non?

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    185
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2009
    Messages : 185
    Par défaut Changement de la condition
    Bonjour,

    Suite à votre "post" d'hier, j'ai modifié la condition.
    Néanmoins, le on click ne fonctionne plus.

    Merci de votre aide

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2009
    Messages
    185
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2009
    Messages : 185
    Par défaut Erreur de syntaxe signalée par firebug (seulement ?)
    Bonjour,

    Le code qui devrait me permettre d'ajouter une ligne à un tableau en donnant un nom différent à tous les "input".
    (ordrecr1/libellecr1/mtcr1 à ordrecrN/libellecrN/mtcrN)

    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
    <script type="text/javascript">
    function AddRow(N)
    {
    	for (var i=1;i<=N;i++)
    	{
    	var newRow = document.getElementById('table').insertRow(-1);
    		 var newCell = newRow.insertCell(0);
    		 newCell.innerHTML = '<input name="ordrecr"'+i+' type="text" size="3" maxlength="3" />';
    		 newCell = newRow.insertCell(1);
    		 newCell.innerHTML = '<input name="libellecr"'+i+' type="text" size="35" maxlength="45" />';
    		 newCell = newRow.insertCell(2);
    		 newCell.innerHTML = '<input name="mtcr"'+i+' type="text" size="6" maxlength="9" />&euro;';
    	 }
    }
     
    </script>
    1/ ce code ne fonctionne pas depuis que j'ai ajouté la boucle ... et la concaténation '+i+'
    2/ Firebug signale une erreur de syntaxe

    Bref, débutant en javascript (j'ai commencé le tuto de JoSé il y a deux jours), j'aimerais un peu d'aide car je suis bloqué.
    D'avance, merci.

  5. #5
    Membre Expert
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Par défaut
    -> mets les " après l'indice ex, enlève le var
    newCell.innerHTML = '<input name="mtcr'+i+'" type="text" size="6" maxlength="9" />&euro;';

  6. #6
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    if (document.all){  
    var monInput = document.createElement("<input name='ordrecr"+i+"'>");
    }
    else{ 
    var monInput = document.createElement("input");
    monInput.name = "ordrecr"+i;
    }
    monInput.size='45px';
    newCell.appendChild(monInput);

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

Discussions similaires

  1. Ajouter une ligne dans un tableau HTML
    Par grialat dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/04/2013, 16h11
  2. ajouter des lignes dans un tableau dynamique
    Par yviii dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 20/06/2007, 12h15
  3. ajouter des lignes dans un tableau dynamique
    Par yviii dans le forum Windows
    Réponses: 1
    Dernier message: 20/06/2007, 11h28
  4. Ajout de lignes dans un tablea HTML : enregistrement dans une table Mysql
    Par jean-pierre96 dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 23/04/2007, 18h44
  5. [vb6] Ajouter une ligne dans un tableau excel
    Par Asdorve dans le forum VB 6 et antérieur
    Réponses: 13
    Dernier message: 13/06/2006, 16h41

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