Discussion :

[Jim_Nastiq]

tout est dans le titre !


j'utilise ce code:

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

[kalash_jako]

Personnellement, j'ai déjà eu à faire avec un truc du genre, mais pour les td.

J'utilisais:

Code :

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

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.

[Jim_Nastiq]

oui justement, je souhaite souligné le passage sur des lignes de tableau et pas des colonnes!

[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 :

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

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

directement dans le code html