PDA

Click to See Complete Forum and Search --> : Flyout menu buggy in IE7

opera13
06-03-2009, 03:57 PM
This left hand flyout menu works fine in IE6. Any idea what I'd need to adjust to make it compatible with 7? The flyouts appers, but when the visitor tries to mouse over them, they vanish. Thanks!

Menu is on this site: www.thelionscall.com
Kor
06-04-2009, 08:35 AM
You have used the onload event more than once, applied over the same object: window (body). You have both:

<BODY onLoad="mydiv.style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=2)'">

and, in your external javascript:

window.onload=startList;


Remove the event from BODY, and write this in your external javascript

...
window.onload=function(){
var isIE=/*@cc_on!@*/false;//IE detector
if(isIE){
mydiv.style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=2)'
}
startList();
}
opera13
06-04-2009, 11:23 AM
Tried that. Now the menu doesn't work in IE6 either. Just in Firefox. I removed the onload from the Body tag and the external script is as follows:

// JavaScript Document

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
//window.onload=startList;
window.onload=function(){
var isIE=/*@cc_on!@*/false;//IE detector
if(isIE){
mydiv.style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=2)'
}
startList();
}

Did I put somethng in the wrong place? You can view the results of this attempt at www.thelionscall.com