Discussion :

[davelop]

Bonjour à tous,

J'ai fait une petite fonction Javascript permettant de changer la couleur des bordures des lignes d'un tableau au survol de la ligne avec la souris.

Celle-ci fonctionne très bien sous Chrome mais pas sous IE.
Pourriez vous me dire ce qu'il faudrait changer pour qu'elle fonctionne sous IE ?

Appel de la fonction sur les événements "onMouseOver" et "onMouseOut"

Code html :

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

<tr style="border-color:#ffffff" onMouseOver="changebordure(this)" onMouseOut="changebordure(this)" >

Fonction 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
<script>
function changebordure(objet)
{
  if(objet.className == 'rouge')
  {
  objet.style.borderColor='#ffffff'
  objet.className = 'noir'
  }
  else
  {
  objet.style.borderColor = '#ff0000'
  objet.className = 'rouge'
  }
}
</script>

Merci d'avance

[NoSmoking]

Bonjour,

Celle-ci fonctionne très bien sous Chrome mais pas sous IE.

cela reste surprenant, ton code semble correct même si tu devrais passer par un classe via la méthode Element.classList.add().

Nota:
- Il faut que la <table> est comme propriété border-collapse: collapse;.
- Cela se gère également simplement en CSS.