PDA

View Full Version : Problem with IE7 JS flicker



Anze
03-02-2009, 06:59 PM
Hi!

The thing is, that i want to have menu button still on hover state, while you move cursor over rollover menu.
I'm having rollover flicker in IE7, i think its because i have "event handlers" on div, so when cursor goes over <li> elements inside that div, ie thinks its out..
I would like to make a delay, like: if its out, wait 100ms and check if its out again? but i had no success, maybe any help or suggestions? (i tried sliding door technique - but no succes - flicker persists)

Sorry for my english.
Here is the JS code:

Complete code: http://cvzu.simetric.si/testis/(Check the 'Podjetje' button - it has <li> elements)


function stay_hover()
{
var changeStyle = this.parentNode.getElementsByTagName('a');
changeID(changeStyle[0].className,changeStyle[0].className);
}

function nomore_hover()
{
var changeStyle = this.parentNode.getElementsByTagName('a');
changeID(changeStyle[0].className,'');
}
$(document).ready(function()
{
$('#MenuStyle > li > div').bind('mouseover', stay_hover)
$('#MenuStyle > li > div').bind('mouseout', nomore_hover)
});


function changeID(theClass,newID)
{
var allPageTags=document.getElementsByTagName("*");
for (i=0; i<allPageTags.length; i++)
{
if (allPageTags[i].className==theClass)
{
allPageTags[i].id=newID;
}
}
}


Thank you for your time.