Discussion :

[protos69]

Bonjour,

J'ai un lien appelant la fonction ci-dessous (le début tout du moins ... c'est là que ca plante ) :

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
 
function addRow(){
	var table = document.getElementById("table_acc");
	var t = document.createElement("tbody");
	if (i==0) {
		var row = document.createElement("tr");
		var ent = document.createElement("<td width='70'>");
		var ent1 = document.createElement("<td width=\"250\" align=\"center\" class=\"ContenuChap\" style=\"font-weight:bold\">");
		var text1 = document.createTextNode("Accumulateur(s)");
		var ent2 = document.createElement("<td width='250' align='center' class='ContenuChap' style='font-weight:bold'>");
		var text2 = document.createTextNode("Pourcentage(s)");
		ent1.appendChild(text1);
		ent2.appendChild(text2);
		row.appendChild(ent);
		row.appendChild(ent1);
		row.appendChild(ent2);
		t.appendChild(row);
		table.appendChild(t);
	}

La création de la ligne se passe bien dans IE. Dans Firebird, je récupère juste "Accumalateur(s)Poucentage(s)" sans style.

J'ai zyeuté un peu partout sur le web, mais je n'ai trouvé que des exemples de "CreateElement" avec Mozilla dans lesquels il n'y a pas d'applications de style sur une balise "<td>".

Si ce n'est pas possible avec Firebird/Mozilla, comment puis-je appliquer un style sur un élément créé comme cela ?

Merci par avance,

[Matthieu2000]

className='nomdelaclass'

...

[Invité]

Code :

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

1
2
 
var ent1 = document.createElement("<td width=\"250\" align=\"center\" class=\"ContenuChap\" style=\"font-weight:bold\">");

c'est pas bon ça.
C'est comme ça qu'il faut faire:

Code :

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

1
2
3
4
5
6
7
 
var ent1 = document.createElement('td');
ent1.setAttribute('width', '250');
ent1.setAttribute('align', 'center');
ent1.setAttribute('class', 'ContenuChap');
ent1.className = 'ContenuChap'; // Pour IE qui boggue sur la ligne précédente
ent1.style.fontWeight = 'bold';

Comme ent2 est identique, tu n'as qu'à cloner ent1:

Code :

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

1
2
 
var ent2 = ent1.cloneNode(false);

Tu devrais utiliser les CSS plutôt que les attributs de présentation.

[SpaceFrog]

et un

Code :

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

 setAttribute('style','width\:50px;')

ne marcherait pas ?

[Invité]

Théoriquement si, dans la pratique, certains navigateurs ne gèrent pas ça.
De toute façon, l'objet style de l'élément est là pour faire les déclarations CSS inline sur l'élément. Autant l'utiliser.

[protos69]

Un grand merci à vous.

Ca marche nickel sur IE et Firebird.