Discussion :

[david06600]

Bonjour,

J'ai une page html qui contient un div et je voudrais rajouter dans ce div une table de cette forme :

Code :

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

<table class="errors"><tr><td><b>blablabla<br/></b></font></td></tr></table><br>

Je m'y prend de la manière suivante mais cela ne fonctionne pas.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var divErrors = document.getElementById("errors");
var tbl = document.createElement("table");
var row = document.createElement("tr");
var cell = document.createElement("td");
var cellText = document.createTextNode(message);
cell.appendChild(cellText);
row.appendChild(cell);
tbl.appendChild(row);
divErrors.appendChild(tbl);

ma div reste vide.

Voici comment se présente la div dans le fichier :

<div id="errors">

</div>

Merci de l'aide.

[E.Bzz]

Bonjour,
et en utilisant les méthodes réservées aux tables (insertRow, insertCell) comme indiqué dans la FAQ ?

A+

[david06600]

Salut merci de ta réponse, mais l'élément table n'est pas non plus créé. Dans la faq on ajoute une ligne a une table qui existe déja.
Mon createElement("table") lui ne fonctionne pas.

[bigboomshakala]

hmm pourtant ça devrait

[Auteur]

bonjour,

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
  var c = document.getElementById("errors");
  var tab, ligne, cellule;
 
  tab = document.createElement("table");
  tab.border = "1";
 
  ligne = tab.insertRow(-1);
  cellule = ligne.insertCell(0);
  cellule.innerHTML = "blabla";
 
  c.appendChild(tab);

[SpaceFrog]

http://www.developpez.net/forums/d47...us-rapidement/

[david06600]

Bonjour, et merci pour votre aide cela fonctionne maintenant. J'aurai par contre une autre question, comment appliquer un style css de class errors dynamiquement ?
Voici le style a appliquer :

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
17
18
19
20
21
22
23
24
 
background-color: #E4E7F7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e00000;
	background: #FFFFFF;
	width: 100%;
	text-align: left;
	margin: 2px;
	padding: 2px 2px;
 
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #e00000;
	border-right-color: #e00000;
	border-bottom-color: #e00000;
	border-left-color: #e00000;
	vertical-align: middle;