sfhover for menus. Initially, there is a delay

[ForumKid]

I am using the below code for drop down menus. It works perfectly The only problem I have is when someone comes to our page initially or they refresh the page, it takes a few seconds..sometimes 2 seconds..sometimes 10 seconds for the mouseover to work. Does anyone know where that setting is????

<!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById('MainLevel').getElementsByTagName('LI');
for (var i=0; i<sfEls.length; i++) {
sfEls.onmouseover=function() {
this.className+=' sfhover';
}
sfEls.onmouseout=function() {
this.className=this.className.replace(new RegExp(' sfhover\\b'), '');
}
}
}
if (window.attachEvent) window.attachEvent('onload', sfHover);
//--><!]]></script>

 

[kaht]

It's right in your code:

if (window.attachEvent) window.attachEvent('onload', sfHover);

The page waits until it is completely loaded. Once it is done loading it attaches the mouseover events. If the page takes a long time to load (i.e. lots of pictures and stuff) then it will take a long time for the mouseover events to be applied. You're really at the mercy of the client's network connection and speed of computer. It's not just some switch you can flip. Now.... there may be a possibility that you could optimize some of your code to speed up the load time, but that's a different question for a different thread.

-kaht

http://www.silkypups.com

[small](All puppies have now found loving homes, thanks for all who showed interest)[/small]