colorer cellule tableau

**Mike35** · 27/07/2006, 10h15

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...

**sissi25** · 27/07/2006, 10h18

tu peux faire :

Code :

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

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

**Mike35** · 27/07/2006, 10h20

Merci, je vais essayer...

**Mike35** · 27/07/2006, 10h24

je fais:

Code :

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

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

Et j'ai une erreur de syntaxe

**Mike35** · 27/07/2006, 10h31

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

**Bobybx** · 27/07/2006, 10h35

Envoyé par Mike35

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

Code :

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

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

C'est mieux sans le tiret en javascript

**Mike35** · 27/07/2006, 11h47

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

**Bobybx** · 27/07/2006, 12h07

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

Voilà le code html :

Code :

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

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>

**fallais** · 27/07/2006, 13h35

Deja si tu le fais en PHP ferme ta balise pour la presentation

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<?
 
....
 
?>
 
ton tableau
 
<?
 
....
 
?>

Puis t'aurais pas oublié le mouseout ?

**Mike35** · 27/07/2006, 13h50

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

**Bobybx** · 27/07/2006, 14h03

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...

**Mike35** · 27/07/2006, 14h12

Voici mon code :

Code :

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

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.

**Mike35** · 27/07/2006, 14h57

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

colorer cellule tableau

HTML

Discussions similaires

Partager

Partager