Changer de couleur un tr en survol
Bonjour,
je souhaite sous IE changer une classe de style tr en survol.
J'ai donc écrit le code suivant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <script type='text/javascript'>
function SetRowOver()
{
var rows = document.getElementsByTagName('tr') ;
for (var i = 0; i < rows.length; i++)
{
if ((navigator.appName == 'Microsoft Internet Explorer') && (rows[i].className=='file_explorer_tr'))
{
rows[i].onmouseover = function() {
this.className += '_hover';
//this.style.color = 'red' ;
} ;
rows[i].onmouseout = function() {
this.className = this.className.replace( '_hover', '' );
} ;
}
}
}
SetRowOver() ;
</script> |
Le style ne change pas ?!? Pourtant si je décommente la ligne this.style.color = 'red' ; le texte passe en rouge.
voici ma feuille de style :
Code:
1
2
3
4
5
6
7
| .file_explorer_tr_hover {
border: 1px dashed Red;
}
.file_explorer_tr {
border: 0px;
} |
Je ne comprend pas. quelqu'un aurait-il une idée ?
