j'aimerais changer la couleur de fond d'une cellule de mon tableau quand l'utilisateur positionne la souris dessus.
 
Pour cela je dois utiliser l'evenement onMouseOver de javascript, mais je n'arrive pas à l'appliquer pour qu'elle me change la couleur de la cellule.
 
comment faire? j'ai essayer d'utiliser la propriété bgcolor mais sans resultat.
 
Merci
 

le plus simple c'est de mettre un identifiant sur ta celllule:
<td id="macellule" style="bacground-color:macouleurdedépart;">...
 
Tiens d'ailleur j'y pense sous Netscape je crois que l'evenement onmouseover ne marche pas sur une cellule (il faudra faire un lien)
bref  
onmouseover="document?getElementById("mavellule" ).style.color='monautrecoulur';"

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

je voudrais bien voir un rapport de compatibilité de browsers à ce sujet...
(et d'abord, c'est dans la norme ça??)
 
edit: d'ailleurs ça marche pas dans IE6, je sais pas pourquoi mais je m'en doutais.

Ça ne marche pas avec IE.

Oui.

et ça va marche avec...?
tiens oui ça marche avec mozilla... mais qd tu passes sur un texte qui est dans la cellule, elle reprend sa couleur d'origine... snul..

ben moi je n'ai aucune des 2 methodes qui marche!
 
voici un exemple de ce ke g fait:
<table>
<tr>
<td id="T1" class="titre" onmouseover="document?getElementById("T1" ).style.color='#ff0000';">
<a HREF="archives.html" target="accueil" >Archives</a>
</td>
</tr>
</table>
 
je dois me tromper donc si vous pouviez corriger ca m'aiderais beaucoup! Merci

perso, je fais ça
 
<td onmouseover="this.className='FondTableau1'" onmouseout="this.className=''">
 
en définissant FondTableau1 dans une feuille de style ou bien dans tes balises <style></style>
 
Ca passe sous IE 6.0

ca marche ca merci c cool !!!
 
ke signifie le this la dedans? ca defini un objet courant ici la cellule surement!

Pkoi ça ça marche pas ??

 
es-ce parce que j'ai ça ?? :  

Tu as essayé la méthode de thunderbird54 ?

bah non et pour cause...

Ouais en fait c'est bien compliqué :
 
Par exemple :
 
<td onmouseover="this.style.backgroundColor='#ff0';" onmouseout="this.style.backgroundColor='transparent';"> ... </td>

alors voilà ce que j'ai fait et qui marche :  

c'est là que se pose un nouveau problème...
 
J'ai du texte dans une de mes cellules :  

 
et ce que je voudrais, c'est que, quand je passe au dessus de la ligne, où que ce soit, mon texte change de forme... que ça soit sur mon lien ou sur mon image...

Ben c'est pareil, tu joues avec les attributs de style : fontWeight, fontFamily, fontSize....
 
par exemple this.style.fontWeight='bold';
 
 
Cela dit, si tu as beaucoup de styles à changer autant créer 2 clases que tu swapes (c'est ce que tu voulais faire au départ). Par exemple :
 

 
Normalement ça marche.

ça marche nickel, sauf que :  
es-ce que ça se corse si mon texte est un lien..
es-ce que j'ai le droit de mettre ça :  
 

 
Le truc, c'est que, ça change bien ma mise en forme de texte (gras/pas gras), mais le texte de mes liens reste en violet...

C'est normal, parce que les liens n'héritent pas des propriétés de l'élément qui les contient. Il faut donc définir leur style :
 
td.classe1 a {
  text-decoration: none;
  font-weight: normal;
}
 
td.classe2 a {
  text-decoration: none;
  font-weight: bold;
}
 
le fait d'écrire "td.classe1 a" signifie que les propriétés CSS s'appliquent aux élément <a> contenus dans un <tr> qui a pour classe "classe1"
 
 
Bon, et puis il y a beaucoup de fautes dans tes CSS :
 
'font-style' n'a pas de valeur bold
'font-color' n'existe pas, c'est 'color'
'font-family' doit avoir une liste de polices : Arial, helvetica, sans-serif (Arial est une police Windows, tout le monde ne l'a pas)
'font-size' tu dois donner une unité à la taille de ta police. Par exemple 12px Voir http://www.yoyodesign.org/doc/w3c/ [...] size-props

voilà ce que j'ai :  
 

 
alors, on peux me dire koi mettre et où, pour que, quand je passe sur une ligne (ou que çe soit sur la ligne) la police de mon lien change.... svppppp.....

ok, suffisait de rajouter, en plus de ça :  

 
ce petit bout de code...
 

 
un grand merci à gm_superstar

Edit: OK, vu ton dernier message.
 
Pense à corriger les erreurs de CSS que j'ai signalé !

Ce hack fonctionne (changement de classe à la volé), mais est 100 fois moins fluide qu'un bon vieux hover. dommage.