Surlignage de la ligne d'un tableau au passage de la souris

Version imprimable

Surlignage de la ligne d'un tableau apres different evenements souris

tout est dans le titre:lol: !

j'utilise ce code:

Code:

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
 
<style>
 
 body{background:#aaa}
 table{width:100%;text-align:center}
 .clair,tr{background:#0000CC}
 .blanc{background:#FFFFFF}
</style>
 
<script type="text/javascript">
 
 current=0
 function changecolor(e)
 {
  el=window.Event?e.target:event.srcElement;  
  if(!el.tagName )el=el.parentNode;   
  if(el.tagName == 'TD')el=el.parentNode
  if(el.tagName == 'TR')
  {
   if(el!=current)    
   {
    current.className='clair';
    current=el;
    el.className='blanc'
   }
  } else {current.className='clair';current=0}
 }
document.onmousemove=changecolor
</script>

seulement je le trouve un peu "lent" auriez vous une solution qui permettrait un affichage direct(temps de traitement non visible a l'oeil nu)

merci;)

24/04/2006, 18h56
kalash_jako
Personnellement, j'ai déjà eu à faire avec un truc du genre, mais pour les td.

J'utilisais:
Code:

1 2 3 4 5 td:hover { background:red; }
Qui est bien plus court, et instantané ;)

Par contre, je ne pense pas que ca marche avec les tr, et je ne vois pas comment faire.
25/04/2006, 09h24
Jim_Nastiq

oui justement, je souhaite souligné le passage sur des lignes de tableau et pas des colonnes!:?
25/04/2006, 09h43
Jim_Nastiq

en fait c'est tout bete il suffit de rajouter ceci dans la balise table, tr ou td(selon ce que l'on veux)

Code:

onMouseover="this.bgColor='#FFFFFF'" onMouseout="this.bgColor='#0000CC'"

directement dans le code html ;)