Discussion :

[polluxArgo]

bonjour, j'ai un petit soucis

je suis en train de faire un menu CSS
pour IE j'ai besoin d'attacher des évènement onmouseover et onmouseout sur des élements d'une liste

j'utilise cette fonction :

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
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() {
        var cl = new RegExp(" sfhover\\b");
        this.className=this.className.replace(cl, "");
        cl = null;
    }
   }
   sfEls ="";
}
 
if (window.attachEvent) window.attachEvent("onload", sfHover);

le problême ne vient pas de la regexp, j'ai essayé avec autre chose de moins gourmand et c'est la même chose.

Le comportement dans IE est normal au départ, menu rapide, puis devient de plus en plus lent au fur à mesure que je passe sur les éléments de la liste, plus je passe sur des élément et plus ça ralenti, en fait le curseur de la souris oscille en passant du curseur normal au curseur avec le sablier.

Il semblerait que ça soit dû a l'utilisation de la propriété className
est-ce un bug de IE (ça m'etonnerait quand même )

y a t-il un autre moyen que de swapper les classname ? ou de reinitialiser quelque chose !??!

la mémoire utilisée par IE monte petit à petit de même que l'utilisation du processeur jusqu'à 90%

c'est un peu énorme quand même

c'est le seul script que j'utilise sur cette page

avez vous une idée de ce qui cause ce ralentissement ?

[SpaceFrog]

Code :

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

this.className+=" sfhover"

heu normal l'espace avant ??

[javatwister]

Code :

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

sfEls ="";

c'est pour quoi cette ligne?

[polluxArgo]

oui l'espace est normal avant sfhover

et pour le sfEls ="", c'était un test pour vider la variable (au cas où) mais on peut l'enlever c'est pareil

[SpaceFrog]

tu essayes de cumuler les class ?

[polluxArgo]

oui voila j'ai une classe de base à laquelle je rajoute sfhover ou je l'enleve

[SpaceFrog]

as tu essayé   à la place de l'espace ...
?

[polluxArgo]

non il ne s'agit pas d'un bug de mon script, mon script marche trés bien,
seulement il s'agit du comportement d'IE,

d'ailleurs j'ai utilisé une autre methode j'ai trouvé un behavior htc qui rattache des evenement over et out sur tout element pour IE, même comportement observé.


on dirait qu'il ne réinitialise pas quelque chose, l'utilisation de classname le fait ramer de plus en plus,

quand ça commence à ramer je peux laisser de côté le navigateur pendant 1heure et puis en revenant dessus le menu rame toujours autant,
par contre quand je le ferme et que je réexecute ma page, le comportement du menu est à nouveau normal.

J'ai l'impression que c'est un bon gros bug de IE

[SpaceFrog]

et as tu essayé en dur si IE accepte le cumul des class ??

Code :

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

1
2
 
calss="machin fhover"

[polluxArgo]

oui j'ai essayé il n'y a pas de probleme.

bon aprés multiples tests avec multiples methodes.

IE ne libère jamais la mémoire quand on charge des images background en CSS, il n'utilise jamais le cache non plus ce qui fait qu'il charge l'image inlassablement, et pour peut que le menu soit gros, ce qui est le cas, il finni par perdre les pédales et se met à ralentir de plus en plus.

Résultat j'ai viré toute image que je pouvais avoir en mouseover, et ça booste comme sur firefox.

Tant pis pour le design.

La méthode marche bien pour un petit menu avec pas trop d'entrées, mais pas avec un gros menu.

Voila pour moi la conclusion.