Discussion :

[nor99]

Bonjour,

Quelqu'un pourrait m'expliquer (en détail) 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
<script type="text/javascript"><!--//--><![CDATA[//><!--
 
sfHover = function() {
 
   var sfEls = document.getElementById("nav").getElementsByTagName("li");
 
   for (var i=0; i<sfEls.length; i++) {
 
      sfEls[i].onmouseover=function() {
 
         this.className+=" sfhover";
 
      }
 
      sfEls[i].onmouseout=function() {
 
      this.className=this.className.replace(new RegExp(" sfhover\b"), "");
 
      }
 
   }
 
}
 
if (window.attachEvent) window.attachEvent("onload", sfHover);
 
//--><!]]></script>

Merci.

[Invité]

Salut,

Pour chaque élément "li" contenu dans l'élément dont l'id est "nav"

• Tu ajoutes la classe sfhover au survol de la souris sur l'élément
• Tu enlève la classe sfhover lorsque la souris ne survol plus l'élément (en quitte la zone de survol)

En fait ça se lit assez intuitivement. Je te conseille d'aller faire un tour du côté de la FAQ pour comprendre les détails (fonctions, syntaxe...).

Attention : il me semble que le attachEvent n'est disponible que sur le moteur JS embarqué dans IE.