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.