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 :

Ajouter une ligne dans une table


Sujet :

JavaScript

Vue hybride

JeanDan Ajouter une ligne dans une... 07/12/2008, 13h17
le_chomeur cf la faq :... 07/12/2008, 15h49
JeanDan Bonjour le_chomeur, merci... 07/12/2008, 16h08
JeanDan Salut, Voilà j'ai trouvé un... 08/12/2008, 09h10
Bovino var... 08/12/2008, 09h16
Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    80
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 80
    Par défaut Ajouter une ligne dans une table
    Bonjour,.

    Dans mon body html je déclare une table :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <table border=1>
          <tr>
            <td width = 150 valign="top" style="text-decoration: underline; color: #4444ff;">
     
               <div id="side_bar"></div>
            </td>
          </tr>
        </table>
    Dans une partie de mon programme j'utilise le Javascript. Dans cette partie j'aimerai AJOUTER une ligne dans le Tableau créer. Je me suis pris de plusieurs facon ss grand succés
    Pouvez-vous m'aidez svp, en me donnant par exemple un exemple
    ^^

    Merci

  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

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

    Informations forums :
    Inscription : Avril 2008
    Messages : 80
    Par défaut
    Bonjour le_chomeur,

    merci pr ton lien

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function AddRow(){
    alert('-1');
        var newRow = document.getElementById("side_bar").insertRow(-1);
    alert('0');
        var newCell = newRow.insertCell(0);
    alert('1');
        newCell.innerHTML = '[nouvelle cellule 0]';
    alert('2');
        newCell = newRow.insertCell(1);
        newCell.innerHTML = '[nouvelle cellule 1]';
    }
    J'ai l'impression que mon script n'apprécie pas le ".insertRow(-1)" car avec le code ne s'éxécute pas et ss sa s'éxécute. De plus, lorsque je l'enléve le prog. ne s'exécute plus , de tt facon, à partir de
    var newCell = newRow.insertCell(0);



    Merci

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

    Informations forums :
    Inscription : Avril 2008
    Messages : 80
    Par défaut
    Salut,
    Voilà j'ai trouvé un code sur internet pour ajouter une ligne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
        var tableau=document.getElementById("ma_table");
        var ligne=document.createElement("tr");
        var col=document.createElement("td");
        col.setAttribute("colspan", "4");
        var test=document.createTextNode("nouvelle ligne");
        tableau.appendChild(ligne);
        ligne.appendChild(col);
        col.appendChild(test);
    Mais je n'arrive pas du tout à ajouter un lien sur ligne, j'ai essayé plien de truc
    par exemple :
    function createLigne(){
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    	var tableau=document.getElementById("side_bar");
    	var ligne=document.createElement("tr");
    	var col=document.createElement("td");
    	col.setAttribute("colspan", "4");
    	var test=document.createTextNode(<a href="URL"> ' +" name" + '</a>);
    alert('0');
    	tableau.appendChild(ligne);
    	ligne.appendChild(col);
    	col.appendChild(test);
    alert('1');
    Mais sa ne marche pas.
    Est ce que vous pourrez m'aider
    Merci

  5. #5
    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
    var test=document.createTextNode(<a href="URL"> ' +" name" + '</a>);
    un lien n'est pas un noeud texte mais un élément HTML !
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    var test = document.createElement('a');
    test.href = 'URL';
    test.appendChild(document.createTextNode('name'));
    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

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    80
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 80
    Par défaut
    Ahhhhhhhhhhhhhhh Bonjour Bovino,
    Je suis ravi que qq1 est trouvé la soluce,
    J'ai essayé ton code et il marche parfaitement

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    function createLigne(){
    	var tableau=document.getElementById("side_bar");
    	var ligne=document.createElement("tr");
    	var col=document.createElement("td");
    	col.setAttribute("colspan", "4");
    	var test = document.createElement('a');
    test.href = 'URL';
    test.appendChild(document.createTextNode('name'));
    	tableau.appendChild(ligne);
    	ligne.appendChild(col);
    	col.appendChild(test);
    }
    Je voudrai l'amélioré, c.a.d. que le lien en faite renvoi non pas vers un URL mais vers une fonction situé dans le script .....

    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
    function createLigne(){
    	var tableau=document.getElementById("side_bar");
    	var ligne=document.createElement("tr");
    	var col=document.createElement("td");
    	col.setAttribute("colspan", "4");
    	var test = document.createElement('a');
    test.href = ' "javascript:myclick(' + i + ')" ';
    test.appendChild(document.createTextNode('name'));
    	tableau.appendChild(ligne);
    	ligne.appendChild(col);
    	col.appendChild(test);
    }
     
          function myclick(i) {
    .............................
          }
    Je ne sais pas si c'est la bonne syntaxe
    test.href = "javascript:myclick(' + i + ')";
    Merci bcp

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 16/06/2014, 23h51
  2. Récupérer une information d'une ligne dans une table
    Par Lebas dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 12/04/2013, 10h24
  3. Réponses: 4
    Dernier message: 15/10/2009, 13h33
  4. Réponses: 3
    Dernier message: 29/01/2008, 12h08
  5. Réponses: 1
    Dernier message: 19/05/2006, 17h33

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