colorer cellule tableau

Version imprimable

27/07/2006, 10h15
Mike35

colorer cellule tableau

Bonjour à vous,

je souhaiterai savoir si il est possible de colorer le fond d'une cellule d'un tableau lorsque l'on passe la souris dessus... avec un a:hover ou un truc comme ça.
Sinon, si ce n'est possible, comment colorer cette ligne lors d'un click dans la cellule.
Je ne sais pas si je me suis bien exprimé, si besoin, je réexplique.

Merci d'avance...

tu peux faire :

Code:

1
2
 
<balise onmouseover="this.style.background-color='red'" onmouseout="this.style.background-color='blue'"

27/07/2006, 10h20
Mike35

Merci, je vais essayer...
27/07/2006, 10h24
Mike35

je fais:

Code:

<tr onmouseover=\"this.style.background-color='red'\">

Et j'ai une erreur de syntaxe
27/07/2006, 10h31
Mike35

En fait, le this, il le reconnait bien, donc ça vient pas de là. Par contre, il n'arrive à accéder aux propriétés de l'objet
27/07/2006, 10h35
Bobybx

Citation:

Envoyé par Mike35

je fais:
<tr onmouseover=\"this.style.background-color='red'\">
Et j'ai une erreur de syntaxe

Code:

<tr onmouseover=\"this.style.backgroundColor='red'\">

C'est mieux sans le tiret en javascript
27/07/2006, 11h47
Mike35

En fait, je n'ai pas d'erreur mais ça ne donne rien. J'ai également essayé sur une balise <td> mais le résultat est le même

C'est forcément une erreur de ta part car le code marche.

Voilà le code html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
</head>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor='white'">
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>

27/07/2006, 13h35
fallais
Deja si tu le fais en PHP ferme ta balise pour la presentation
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <? .... ?> ton tableau <? .... ?>
Puis t'aurais pas oublié le mouseout ?
27/07/2006, 13h50
Mike35

Je le fais en javascript. Et quand je alert de ma div dans laquelle j'ai inséré mon code, on retrouve bien le onmouseover et onmouseout. Cependant, ça ne fonctionne pas, j'ai absolument rien quand je passe la souris dessus.
Est ce que ça serait lié a quelque chose dans mon CSS ?
Merci d'avance
27/07/2006, 14h03
Bobybx

Il nous faudrait ton code, car les codes donnés répondent à un souci de coloration d'une cellule de tableau.

On y verra plus clair...

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
 
 oStr.add("<table>");
 oStr.add("<tr height='24px' onmouseover=\"this.style.backgroundColor='red'\" onmouseout=\"this.style.backgroundColor='blue'\">");
 oStr.add("<td style=\"text-indent:'5%'\">");
 oStr.add("<a href='#' onClick=\"O(" + iIndice + ");\">" + LibelDuPoint[iIndice] + "</a></td>");
 oStr.add("<td align='center'>");
 oStr.add("<img src='" + szImageValeur + "' alt='" + szLibelValeur + "' />");
 oStr.add("</td></tr></table>");
 
 document.getElementById("center").innerHTML = oStr.build();

Mon objet oStr est ni plus ni moins qu'un objet de type String qui concatène la chaine.

27/07/2006, 14h57
Mike35

J'avais un problème dans mon CSS, du coup, c'est bon, c'est résolu !
Merci encore à vous !