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

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 : 55
    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