Discussion :

[Invité]

Bonjour à tous !

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoSmoking]

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

[sekaijin]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Invité]

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

[Auteur]

bonsoir,

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

[Invité]

hahaha

jai ma div ecrite de cette maniere :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Auteur]

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

C'est quelle norme ? Du HTML 6 ?

[Invité]

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

je pense que la fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

   var nbLignes = tabi.rows.length;

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Auteur]

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

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
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
}

[Invité]

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