Modification couleur d'un tableau

Bonsoir a tous,

est il possible de en javascript de modifier une cellule d'un tableau HTML
(bordure, fond, police, ...) ?

Merci d'avance

Phil

Salut,
Oui c'est possible, ex :
<table>
<tr>
<td id="tutu">
</td>
</tr>
</table>

<script>
var tutu = document.getElementById('tutu');
tutu.style.bgcolor='#ff0000';
tutu.style.border=2;
...
</script>


Autre manière, et probablement bcp mieux :
<table>
<tr>
<td id="tutu" class="tutu1">
</td>
</tr>
</table>

<script>
var tutu = document.getElementById('tutu');
tutu.className = 'tutu2';
</script>

Ensuite tu mets les classes CSS que tu veux dans ton .css ...
genre :
.tutu1 { background-color: #00ff00; }
.tutu2 { background-color: #ff0000; }

En plus d'etre plus propre, cette méthode est plus puissante selon moi.

Bye
--
Thibault

Merci,

J'avais fait cet essai, mais j'ai écrit name a la place de id (étourdit !)



Phil



"Thibault TAILLANDIER" <thibault_NOCRAP_@sitadelle.com> a écrit dans le
message de news: 425b8291$0$1956$626a14ce@news.free.fr...

Bonsoir a tous,

est il possible de en javascript de modifier une cellule d'un tableau
HTML (bordure, fond, police, ...) ?

Merci d'avance

Phil

Salut,
Oui c'est possible, ex :
<table>
<tr>
<td id="tutu">
</td>
</tr>
</table>

<script>
var tutu = document.getElementById('tutu');
tutu.style.bgcolor='#ff0000';
tutu.style.border=2;
...
</script>


Autre manière, et probablement bcp mieux :
<table>
<tr>
<td id="tutu" class="tutu1">
</td>
</tr>
</table>

<script>
var tutu = document.getElementById('tutu');
tutu.className = 'tutu2';
</script>

Ensuite tu mets les classes CSS que tu veux dans ton .css ...
genre :
.tutu1 { background-color: #00ff00; }
.tutu2 { background-color: #ff0000; }

En plus d'etre plus propre, cette méthode est plus puissante selon moi.

Bye
--
Thibault