créer table dans div

Version imprimable

Bonjour,

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

Code:

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

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.

09/10/2008, 16h53
E.Bzz

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

A+
09/10/2008, 17h05
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.
09/10/2008, 17h11
bigboomshakala

hmm pourtant ça devrait :aie:

bonjour,

Code:

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);

09/10/2008, 19h01
SpaceFrog

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

Style CSS

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:

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;

10/10/2008, 10h00
Bovino
Code:

1 2 3 .errors{ ... }
dans le fichier css ne convient pas ?
10/10/2008, 10h03
E.Bzz
Citation:
Envoyé par Bovino

Code:

1 2 3 .errors{ ... }

dans le fichier css ne convient pas ?
+1

Puis, si c'est pour l'attribuer en JS :

Code:

document.getElementById('id_element').className="errors";

A+
10/10/2008, 10h39
david06600

j'ai bien une class errors dans ma css, j'ai rajouté l'attribut class="errors" à ma table que j'ai créer via javascript, mais la css ne s'applique pas dynamiquement. Il faut recharger la page si on veut que la css agisse, il me semble. En tout cas la elle ne s'applique pas lorsque je test.
10/10/2008, 10h43
E.Bzz

Citation:

Envoyé par david06600

j'ai bien une class errors dans ma css, j'ai rajouté l'attribut class="errors" à ma table que j'ai créer via javascript, mais la css ne s'applique pas dynamiquement. Il faut recharger la page si on veut que la css agisse, il me semble. En tout cas la elle ne s'applique pas lorsque je test.

Ah, ben peut être, mais sans le code que tu utilises, on peut pas dire grand chose .... :?

A+

Voici le code :
Code:

1 2 3 4 5 6 7 8 var divErrors = document.getElementById("errors"); var tbl = document.createElement("table"); var row = tbl.insertRow(-1); var cell = row.insertCell(0); cell.innerHTML = "blablabla"; divErrors.appendChild(tbl); tbl.setAttribute("class", "errors");
Je voudrais pouvoir ajouter le style css errors dans la création de ma table. Est-ce possible ?

Merci

10/10/2008, 11h17
E.Bzz

Au lieu de

Code:

tbl.setAttribute("class", "errors");

donne un id à ta table et utilise plutôt

Code:

document.getElementById('id_table').className="errors";

A+

ou encore :

Code:

1
2
3
4
5
 
 
tabl.className = "errors"; // précise le nom de la classe avant de faire appendChild()
 
divErrors.appendChild(tbl);

10/10/2008, 12h50
bigboomshakala

si tu veux utiliser setAttribute il me semble qu'il faut écrire

Code:

tbl.setAttribute("className", "errors");

IE requiert className ici, les autres nav acceptent className et class