Discussion :

[jcaspar]

B onjour à tous !

Je souhaiterais modifier la couleur de surlignage en précisant une couleur dans ce script qui permet lors du passage de la souris sur une ligne d'un tableau de le mettre en surbrillance ...mais dans certain cas le résultat n'est pas heureux et il vaudrait mieux pouvoir changer la couleur de surlignage ...pouvez vous m'indiquer comment modifier la couleur de surlignage ?

Merci d'avance pour vos conseils et explications
Jean Marc

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
 
<script language="JavaScript1.2">
function changeto(highlightcolor){
  obj=event.srcElement
  if (obj.tagName=="TR" || obj.tagName=="TABLE") return
  while(obj.tagName!="TR") obj=obj.parentElement
  if (obj.style.backgroundColor!=highlightcolor && obj.id!="ignore")
    obj.style.backgroundColor=highlightcolor
  }
function changeback(originalcolor){
  if (event.fromElement.contains(event.toElement) || obj.contains(event.toElement) || obj.id=="ignore")
      return
  if (event.toElement!=obj) obj.style.backgroundColor=originalcolor
  }
</script>

[jypees]

Oui j'ai un petit code que j'ai fais:
coté js :

Code :

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

1
2
3
4
5
 
function changeStyle(inside, mode)
{
	(mode == 'in') ? (inside.style.backgroundColor = inside.colorIn) : (inside.style.backgroundColor = inside.colorOut);
}

puis cote html

Code :

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

1
2
 
<div onmouseover="changeStyle(this, 'in');" onmouseout="changeStyle(this, 'out');">test</div>

L'avantage de cette methode c'est que tu arranges le probleme via javascript du hover mal interpretté sur ie (le hover en css ne marchant que sur des liens a href). La

[SpaceFrog]

heu ce n'était pas vraiment la question ...

dasn ton script la couleur est passée en paramètre de la fonction...

Code :

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

1
2
3
changeto('red')
changeto('blue')
changeto('green')

ou encore avec RGB(10,105,102)
ou encore '#FF00CC'