[javascript] changer couleur dans plusieurs cellules

Marsh Posté le 19-08-2004 à 15:13:24

lut

voila j ai cree plusieurs balise td ou j ai coller le meme id et j ai rajoute un fonction OnMouseOver="chgColor(id,'ff00ff');"

comment doit etre la fonction chgColor pour mettre la couleur ff00ff dans toute mes cases ayant le meme id

c est 4 facon ne marche pas

function chgColor(rowNum,Color) {
//document.all(rowNum).style.bgColor=Color;
//rowNum.style.BackGroundColor=Color
//rowNum.bgColor=Color
document.getElementById(id).style.backgroundColor=Color
}

quelle est la bonne syntaxe
merci ++

Reply

Marsh Posté le 19-08-2004 à 15:13:24

Reply

Marsh Posté le 19-08-2004 à 22:19:27

Lut aussi ,

2 éléments d'une page ne peuvent avoir le même id

Code :

<html>
<head>
<title>page web</title>
</head>
<body>
<table border=1 id=monTable width=200 height=200 >
<tr>
<td id=a1 onclick="colorTD(this.id)"> a1</td>
<td id=a2 onclick="colorTD(this.id)"> a2</td>
</tr>
<tr>
<td id=b1 onclick="colorTD(this.id)"> b1</td>
<td id=b2 onclick="colorTD(this.id)"> b2</td>
</tr>
<tr>
<td id=a3 onclick="colorTD(this.id)"> a3</td>
<td id=b3 onclick="colorTD(this.id)"> b3</td>
</tr>
</table>
<script language="javascript">
function colorTD(currentTD)
{
allTD = document.getElementById("monTable" ).getElementsByTagName("td" );
for(i=0;i<allTD.length;i++)
if (allTD[i].id.substr(0,1)==currentTD.substr(0,1))
allTD[i].style.background = "#FF6600";
else
allTD[i].style.background = "#FFFFFF";
}
</script>
</body>
</html>

++

L

Reply

Marsh Posté le 24-08-2004 à 15:30:45

thks
sous mozilla ok mais j ai la net impresion que ca macrhe pas sous Ie
qu est ce qu il marche pas et par koi remplacer

Reply

Marsh Posté le 24-08-2004 à 15:56:53

:pfff:
les CSS prévoient une magnifique pseudo classe "hover" et voila :cry:

et mise en page à coup de tables en bonus [:benou_miam]

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 24-08-2004 à 16:15:15

j ai rien dit
lol
thks

Reply

Marsh Posté le 26-08-2004 à 18:43:31

Masklinn : où as tu vu une mise en page à coup de tables ?
qui te dit qu'il n'a pas l'intention d'afficher des données tabulaires ?
l'utilisation des tables serait-t'elle interdite ?
serais-tu devin ?

Reply

Marsh Posté le 26-08-2004 à 20:53:33

je parlais de ce que tu as commis pas de lui ^_^

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 27-08-2004 à 06:48:24

ben , donne ta version au lieu de critiquer stupidement !!!

Reply

Marsh Posté le 27-08-2004 à 09:51:06

D'accord pour les tableaux, si c'est justifié,
mais les   n'ont rien à faire là.

Ma solution?

margin-left: 1em;

Voilà

Reply

Marsh Posté le 27-08-2004 à 10:29:03

c'est déjà fait, CSS td:hover, ultra dur

je peux même préciser:

Code :

td:hover {
background-color: #FF00FF;
}

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 27-08-2004 à 10:29:03

Reply

Marsh Posté le 27-08-2004 à 18:27:18

ah ouais ....
t'a tout compris !

"pour mettre la couleur ff00ff dans toutes mes cases ayant le meme id " et non uniquement DANS LA CASE SURVOLEE !

et hover ne fonctionne pas sous I.E (+ de 80% des internautes !)
BRAVO !

Reply

[javascript] changer couleur dans plusieurs cellules

Sujets relatifs:

Leave a Replay