Discussion :

[DiverSIG]

Bonjour,

J'ai dans ma page html un table où j'ai défini la police de mes cellules :

Code :

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

<td width="200" align="center" id="titre1"><font size="1" face="Verdana">image1</font></td>

Je veux modifier en javascript le texte de mes cellules, j'ai donc dans mon script :

Code :

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

document.getElementById("titre1").innerHTML = "mon image";

mais la font de la cellule n'est pas respectée, je suis obligé de redéfinir la font dans le javascript par :

Code :

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

1
2
document.getElementById("titre1").style.fontSize="8pt";
document.getElementById("titre1").style.fontFamily="Verdana";

Pourquoi ? N'y a-t-il pas un moyen d'éviter cela ? parce que j'ai un paquet de cellules comme ça, et ça va surcharger le code javascript ...

Merci,
Nico

[kabkab]

Bonjour,
Je te conseilles de t'orienter sur les CSS plutôt que le javascript pour les styles.
En ce qui concerne le changement du contenu, il faut passer par les propriété cells et rows. Jettes un oeil sur cet exemple:
http://www.w3schools.com/JS/tryit.as...tablerow_cells

[Bovino]

Je te conseilles de t'orienter sur les CSS plutôt que le javascript pour les styles.

Absolument !
Sinon :

Code :

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

document.getElementById("titre1").innerHTML

Dans ton exemple, le innerHTML vaut :

Code html :

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

<font size="1" face="Verdana">image1</font>

et lorsque tu fais l'affectation, c'est tout ce contenu qui est remplacé, donc les indications de police.
Tu devrais faire :

Code :

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

document.getElementById("titre1").getElementsByTagName('font')[0].innerHTML = 'mon image';

[bigboomshakala]

Pourquoi ?

parce que tu remplaces

Code :

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

<font size="1" face="Verdana">image1</font>

par

Code :

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

mon image

Pourquoi ? N'y a-t-il pas un moyen d'éviter cela ?

soit en n'écrasant pas le contenu de ta cellule mais celui du font (cf. Bovino),
soit en écrivant du html actuel (l'utilisation de la balise font n'est pas recommandé, les CSS sont là pour ça) auquel cas tu n'auras plus de balise font dans ta cellule