Tableau dynamique en javascrip

whisper111 Messages postés 67 Statut Membre -  
whisper111 Messages postés 67 Statut Membre -
Bonjour,
je travail sur un projet , et j'ai besoin de faire en javascripte un tableau dynamique, le probleme c'est que je c'est comment déclarer des tableau dynamique et comment les travailler.
merci pour votre aide.

2 réponses

  1. mix
     
    Utilise
    table = document.createElement('table'); ==> cree la variable qui contient le tableau.
    tablebody = document.createElement('tbody'); ==> cree le tableau
    table.appendChild(tablebody) ; ==> place tablebody dans table

    utilise le même shema pour faire les lignes et colones
    tr = document.createElement('tr'); ==>cree une ligne
    exception pour th , ne pas oublier de creer la variable th comme ci dessous
    var th = document.createElement('th'); ==> insere la premiere ligne du tableau.
    cell = document.createElement('td'); ==> cree une celule
    texte = document.createTextNode('ok'); ==> cree du texte
    td = document.document.createElement('td'); ==> cree une celule

    utilise appendChild() sur le même shema que si dessus.
    0
    1. whisper111 Messages postés 67 Statut Membre 1
       
      meeeeeeeerci beaucoup Mix, j'ai 2 petites question, la 1ere: si par exemple je veux afficher le tableau avec un border="1".
      la 2eme: si on ne sait pas combien de ligne qu'on veut (selon les enregistrement) il se peut qu'on aura 10ligne ou bien 20, on sait pas le nombre exact ,, comme on va traiter ce cas.
      merci encors mix pour ta reponse :) .
      0
  2. mix
     
    1
    TU UTILISE table.setAttribute("border", "1");
    2
    ca depend de ton tag.
    exemple pour une serie d'imput j'utilise
    var inputs = document.getElementsByTagName('input'); ==> ca peut etre <P> ou <form> ...dans ce cas c'est <input>
    var inputsTaille = inputs.Length
    for(var i =0; i<inputsTaille; i++)
    {
    le code du tableau;
    }
    si un input est rajouter une ligne est cree en plus;
    0
    1. whisper111 Messages postés 67 Statut Membre 1
       
      si je comprend bien, au milieu du boucle on a ajoute ce code par exemple:
      table = document.createElement('table');
      tablebody = document.createElement('tbody');
      table.appendChild(tablebody) ;
      .........

      c ça?
      0
    2. mix
       
      OUI c'est bien ca
      0
    3. whisper111 Messages postés 67 Statut Membre 1
       
      meeeeeeeeeeeeeerci beaucoup mix pour ton aide ^^
      0
    4. mix
       
      montre le code ce serait plus facil a expliquer
      0
    5. whisper111 Messages postés 67 Statut Membre 1
       
      function ajouter(){
      table = document.createElement('table');
      tablebody = document.createElement('tbody');
      table.appendChild(tablebody) ;
      var inputs = document.getElementsByTagName('input')
      var inputsTaille = inputs.Length // c'st quoi le role de cette ligne ???
      for(var i =0; i<inputsTaille; i++) {
      tr = document.createElement('tr');
      var th = document.createElement('th');
      cell = document.createElement('td');
      texte = document.createTextNode('ok');
      td = document.document.createElement('td');
      }
      }}
      0