Tableau dynamique en javascrip

whisper111 Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   -  
whisper111 Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   -
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.


A voir également:

2 réponses

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
whisper111 Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   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
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
whisper111 Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   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
mix
 
OUI c'est bien ca
0
whisper111 Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   1
 
meeeeeeeeeeeeeerci beaucoup mix pour ton aide ^^
0
mix
 
montre le code ce serait plus facil a expliquer
0
whisper111 Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   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