Bonjour !

IE n'acceptant pas les td:hover en css, je cherche un moyen d'obtenir l'effet suivant en javascript:
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
17
 
 
<style>
 
table{width:100%;}
 
table tr:hover {background:#888;}
 
td span {display: none;}
 
td:hover span {display : inline;}
</style>
<table>
	<tr><td><a href="#">keup1 1</a> <span><a href="#">M</a> Fr F <a href="#">x</a></span> </td> </tr>
	<tr><td><a href="#">keup1 2</a> <span><a href="#">M</a> Fr F <a href="#">x</a></span></td> </tr>
	<tr><td><a href="#">keup1 3</a> <span><a href="#">M</a> Fr F <a href="#">x</a></span></td> </tr>
</table>

Le mieux que j'arrive a faire, c'est de faire disparaitre la ligne complete avec le code suivant:

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<style>
table{width:100%;text-align:center}
.cache{display: none ;}
.surligne{background:#888;}
</style>
 
 
<script type="text/javascript">
 
function changeCouleurTr()
 
{
	var ligne=document.getElementsByTagName('tr');
	for(var j=0;j<ligne.length;j++)
	{
		ligne[j].onmouseover=function(){
			this.className='surligne';
		};
		ligne[j].onmouseout=function(){
			this.className='cache';
		};
	}
}
document.onmousemove=changeCouleurTr;
 
</script>
<table>
	<tr><td><a href="#">blog 1</a></td> <td><a href="#">M</a></td> <td>Fr</td> <td><a href="#">F</a></td> <td><a href="#">x</a></td> </tr>
	<tr><td><a href="#">blog 2</a></td> <td><a href="#">M</a></td> <td>Fr</td> <td><a href="#">F</a></td> <td><a href="#">x</a></td> </tr>
</table>

Quelqu'un aurait une solution ? Merci !