Tableau en Html

Bonjour à tous !

étant débutant en html, je commence tout juste à faire des tableaux pour cela j'utilise les fonctions suivantes:

Code:

---

1 2 3 4 5 6 7

var tableau2=document.createElement('TABLE'); var tcorps2=document.createElement('TBODY'); tableau2.appendChild(tcorps2); tcorps2.appendChild(document.createElement('TR')); tcorps2.lastChild.appendChild(document.createElement('TD')); tcorps2.lastChild.lastChild.appendChild(document.createTextNode('n°')); tcorps2.lastChild.appendChild(document.createElement('TD'));

---

le probleme c'est que je suis rapidement perdu........Ce que j'aimerai savoir c'est comment acceder par exemple a une case du tableau deja etabli precedement pour changer son contenu

merci :)

Bonjour,
peut être qu'une petite lecture de :fleche: Les tableaux (balise table) pour commencer ne serait pas superflus.

tu peux aussi garder des référence sur les élément que tu crée.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var tableau2=document.createElement('TABLE'); var tcorps2=document.createElement('TBODY'); tableau2.appendChild(tcorps2);   var maLigne = document.createElement('TR'); tcorps2.appendChild(maLigne); var maCelulle1 = document.createElement('TD'); maLigne.appendChild(maCelulle1); maCelulle1.appendChild(document.createTextNode('n°')); var maCelulle2 = document.createElement('TD'); maLigne.appendChild(maCelulle2);

---

tu peux donc manipuler maLigne, maCelulle1 et maCelulle2
A+JYT

mmmmh je vois mais ce qui est compliqué pour moi c'est d'inserer une colonne a mon tableau apres son etablissement :

je m'explique:
mon tableau initial fais a partir des element apprendchild, createelement.... :
x x x x x
x x x x x
x x x x x

ma question comment ajouter une colonne sans touché au premier code:
x x x x x y
x x x x x y
x x x x x y

bonsoir,

il faut prendre le problème horizontalement si je puis dire :aie: : il faut ajouter une cellule dans chaque ligne en utilisant insertCell(index).

hahaha :mouarf:

jai ma div ecrite de cette maniere :

Code:

---

<div id="tableau"></div>

---

donc jai dabord essayé ceci, pour connaitre la taille du tableau mais la variable nbligne de contient rien a chaque fois :S ;

Code:

---

1 2 3

var tableau = document.getElementById("tableau"); // nombre de lignes dans la table (avant ajout de la ligne) var nbLignes = tableau.rows.length;

---

je viens egalement d'essayer insertcell mais rien :(

Parce qu'une <div> est une <table> maintenant ? :aie:

C'est quelle norme ? Du HTML 6 ? :mrgreen:

j'ai remplacé ma div par une table et j'ai relancer la fonction pour connaitre le nombre de ligne jai '0' comme resultat :calim2:

je pense que la fonction

Code:

---

var nbLignes = tabi.rows.length;

---

n'est pas compatible avec un tableau fait a partir de

Code:

---

1 2 3 4 5 6 7

var tableau2=document.createElement('TABLE'); var tcorps2=document.createElement('TBODY'); tableau2.appendChild(tcorps2); tcorps2.appendChild(document.createElement('TR')); tcorps2.lastChild.appendChild(document.createElement('TD')); tcorps2.lastChild.lastChild.appendChild(document.createTextNode('n°')); tcorps2.lastChild.appendChild(document.createElement('TD'));

---

Pourtant ce code créé bie ndes elements td et tr :S

Si mais
1- il faut utiliser les mêmes variables : dans le 1er cas tu as tabi pour désigner ton tableau et dans le second cas c'est tableau2
2- il faut insérer le tableau dans la page.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

function creationTable() { var tableau2=document.createElement('TABLE'); var tcorps2=document.createElement('TBODY'); tableau2.appendChild(tcorps2); tableau2.border="1";   var maLigne = document.createElement('TR'); tcorps2.appendChild(maLigne);   var maCellule1 = document.createElement('TD'); maLigne.appendChild(maCellule1); maCellule1.innerHTML = "Cellule 1";   var maCellule2 = document.createElement('TD'); maLigne.appendChild(maCellule2); maCellule2.innerHTML = "Cellule 2";   document.body.appendChild(tableau2);   alert(tableau2.rows.length); // affiche 1 }

---

:ccool:

super merci, bon je continu je vais essayer d'inserer ma colonne maintenant