Changement de couleur

Pierre avait soumis l'idée :

Bonjour à toutes et à tous,

... je tourne en rond sans trouver la solution.

texte. le code html est le suivant :

<table style="text-align: left; width: 90%;" border="1" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td style="text-align: center; vertical-align: middle;
background-color: rgb(51, 204, 255);">
<span style="color: rgb(255, 255, 51);">
texte
</span>
</td>
</tr>
</tbody>
</table>

je voudrais, à l'aide d'une fonction javascript :

ChangeCouleurs(ClFond, ClTxt)

changer les couleurs originales par les couleurs ClFond et ClText.

D'une manière plus générale, je n'arrive pas à trouver de document décrivant
de manière précise les objets window, document, ...
et l'ensemble de leurs propriétés, leur emboîtement.

Par exemple, si je veux atteindre la couleur de fond d'une cellule, dois-je
écrire par exemple (j'ai essayé, ça marche pas) :

Cel = document.getElementbyId('IdCell');

Cel.style.bgColor = #FF0000;

Merci de votre aide.

Pierre.

http://www.laltruiste.com/document.php?url=http://www.laltruiste.com/coursjavascript/document.html

--
Les ours sont blancs parce que ce sont de vieux ours. Tous les ours du
monde viennent vieillir et mourir doucement dans les régions arctiques.
De sorte qu'on aurait le droit d'appeler ce pays: "l'Arctique de la
mort". (Alphonse Allais)

Par exemple, si je veux atteindre la couleur de fond d'une cellule,
dois-je écrire par exemple (j'ai essayé, ça marche pas) :

Cel = document.getElementbyId('IdCell');

si le TD a cet id, ce doit fonctionner

à condition que ...

Cel.style.bgColor = #FF0000;

on emploie ce qu'il faut : c a d les règles de style modifiées javascript
et non pas du code propre au html

le fond :
Cel.style.backgroundColor = '#FF0000';
le texte :
Cel.style.color = '#FF00FF';

et ... ne pas oublier les petites z'apostrophes

--
Stephane Moriaux et son [moins] vieux Mac

Pierre avait soumis l'idée :

Bonjour à toutes et à tous,

... je tourne en rond sans trouver la solution.

dans une page html, j'ai un tableau à une cellule dans laquelle est
écrit : texte. le code html est le suivant :

<table style="text-align: left; width: 90%;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center; vertical-align: middle;
background-color: rgb(51, 204, 255);">
<span style="color: rgb(255, 255, 51);">
texte
</span>
</td>
</tr>
</tbody>
</table>

je voudrais, à l'aide d'une fonction javascript :

ChangeCouleurs(ClFond, ClTxt)

changer les couleurs originales par les couleurs ClFond et ClText.

D'une manière plus générale, je n'arrive pas à trouver de document
décrivant de manière précise les objets window, document, ...
et l'ensemble de leurs propriétés, leur emboîtement.

Par exemple, si je veux atteindre la couleur de fond d'une cellule,
dois-je écrire par exemple (j'ai essayé, ça marche pas) :

Cel = document.getElementbyId('IdCell');

Cel.style.bgColor = #FF0000;

Merci de votre aide.

Pierre.

http://www.laltruiste.com/document.php?url=http://www.laltruiste.com/coursjavascript/document.html


Merci pour cette référence.

Pierre.

Par exemple, si je veux atteindre la couleur de fond d'une cellule,
dois-je écrire par exemple (j'ai essayé, ça marche pas) :

Cel = document.getElementbyId('IdCell');

si le TD a cet id, ce doit fonctionner

à condition que ...

Cel.style.bgColor = #FF0000;

on emploie ce qu'il faut : c a d les règles de style modifiées javascript
et non pas du code propre au html

le fond :
Cel.style.backgroundColor = '#FF0000';

OK, ça marche

le texte :
Cel.style.color = '#FF00FF';

Pas OK ... après quelques tatonnements de syntaxe et autres, je me suis
aperçu qu'à l'intéreur de ma balise <td , j'avais une autre balise <big
(pour écrire en plus gros). J'ai alors donné un autre ID à cette balise,
puis fait un getElementById sur cette balise ... et ça marche ... ouf !

J'ai alors réintégré le style du texte dans la balise <td et
effectivemment, dans ce cas, un seul ID suffit pour changer les deux
couleurs.

Syntaxe + emboîtement : un truc à se coller dans la tête.

et ... ne pas oublier les petites z'apostrophes

Merci beaucoup.

Pierre.

Pas OK ... après quelques tatonnements de syntaxe et autres, je me suis
aperçu qu'à l'intéreur de ma balise <td , j'avais une autre balise <big

petit exo (avec maximum une seule balise dans le TD) :
<html>
<script type="text/javascript">
function changeStyles(calque, texte, fond) {
calque = document.getElementById(calque);
calque.style.backgroundColor = fond;
calque.style.color = texte;
// récup de toutes les balises du calque
// puis de seulement la 1ère
calque = calque.getElementsByTagName('*')[0];
// s'il y a une balise et stylable, lui appliquer les même styles
if(calque && calque.style) {
calque.style.backgroundColor = fond;
calque.style.color = texte;
}
}
</script>
<p><button onclick="changeStyles('ici', 'red', 'yellow')">
ici = fond jaune, texte rouge</button>
<button onclick="changeStyles('ici', 'maroon', 'moccasin')">
ici = fond beige, texte marron</button>
<button onclick="changeStyles('ici','rgb(255,255,51)','rgb(51,204,255)')">
ici = retour mode normal</button>
<p><button onclick="changeStyles('la', 'red', 'yellow')">
la = fond jaune, texte rouge</button>
<button onclick="changeStyles('la', 'maroon', 'moccasin')">
la = fond beige, texte marron</button>
<button onclick="changeStyles('la','rgb(255,255,51)','rgb(51,204,255)')">
la = retour mode normal</button>
<table width="90%;" border="1"><tr>
<td id="ici" style="text-align: center; vertical-align: middle;
background-color: rgb(51, 204, 255);">
<span style="color: rgb(255, 255, 51);">
span texte
</span>
</td>
<td id="la" style="text-align: center; vertical-align: middle;
background-color: rgb(51, 204, 255);">
<big style="color: rgb(255, 255, 51);">
big texte
</big>
</td>
</tr></table>
</html>

--
Stephane Moriaux et son [moins] vieux Mac

Pas OK ... après quelques tatonnements de syntaxe et autres, je me
suis aperçu qu'à l'intéreur de ma balise <td , j'avais une autre
balise <big

petit exo (avec maximum une seule balise dans le TD) :
...

Merci pour ce petit exo qui montre comment aller dans les balises internes.

Cordialement.

Pierre