JavaScript Forum

**kline11** · 02-01-2008, 03:44 PM

I do not have IE7, but I received emails that this generated menu code from my site doesn't display properly in IE7 (which I know is a mess). All of the sub-menus show "open and stacked" when the page loads, when they should only show on roll-over. Can anyone help me with a fix...if there is one? Thanks. Here's the sample menu code:

Code:

<html>
<head>
<style type="text/css">
<!--
a.bi{
background-color:blue;
color:#ffffff;
display:block;
font-family: MS Sans Serif,sans-serif;
font-size:8pt;
font-weight:bold;
padding:3px 3px 3px 3px;
text-decoration:none;
border-color: #225555 #000000 #000000 #225555;
border-style:solid;
border-width:2px;
}
a.bi:hover{
background-color:#f8f8f8;
color:#0000FF;
}
a.mi{
background-color:blue;
color:#ffffff;
display:block;
font-family:MS Sans Serif,sans-serif;
font-size:8pt;
font-weight:bold;
padding: 2px 2px 2px 4px;
text-decoration:none;
}
a.mi:hover{
background-color:#f8f8f8;
color:blue;
}
.mn{
background-color:blue;
border-color: #225555 #000000 #000000 #225555;
border-style:solid;
border-width:2px;
z-index:100;
}
.sp{
BORDER-TOP:#000000 1px solid;
MARGIN:2px;
BORDER-BOTTOM:#225555 1px solid
}
//-->
</style>
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript">
<!--//
var D6=window,Y7=document;function B8(){this.ver=navigator.appVersion;this.agent=navigator.userAgent;this.dom=Y7.getElementById?1:0;this.opera5=this.agent.indexOf("Opera 5")>-1;this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom && !this.opera5)?1:0;this.ie4=(Y7.all && !this.dom && !this.opera5)?1:0;this.ie=this.ie4||this.ie5||this.ie6||this.ie7;this.mac=this.agent.indexOf("Mac")>-1;this.ns6=(this.dom && parseInt(this.ver)>=5)?1:0;this.ns4=(Y7.layers && !this.dom)?1:0;this.bw=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5);return this}bw=new B8();z=0;b=0;g="";if(bw.opera5||bw.ns6){b=2};if(bw.ie){g=" style='width: 100%'"}else{z=6}mt=70;ml=10;w=129;mh=23;mw=ml-w;k=0;mt=mt-z;p="<a class='mi'"+g+" href='";q="' title='";r="\"; return true' onmouseout='window.status=\"\"; return true'>";t="</a>";a="' onmouseover='window.status=\"";v="<div class=sp></div>"
m=new Array();n=new Array();s=new Array();sw=new Array();su=new Array();st=new Array()
m[0]='Web Tools';n[0]='#';sw[0]=120;su[0]='Web Tools';st[0]="";s[0]=""
+p+"http://www.searchbliss.com/"+q+a+"Sub 1"+r+"Sub 1"+t
+p+"http://www.searchbliss.com/"+q+a+"Sub 2"+r+"Sub 2"+t
+p+"http://www.searchbliss.com/"+q+a+"Sub 3"+r+"Sub 3"+t
+p+"http://www.searchbliss.com/"+q+a+"Sub 4"+r+"Sub 4"+t
m[1]='SEO Tools';n[1]='#';sw[1]=140;su[1]='SEO Tools';st[1]="";s[1]=""
+p+"http://www.searchbliss.com/seo-tools/"+q+a+"Sub 1"+r+"Sub 1"+t
+p+"http://www.searchbliss.com/seo-tools/"+q+a+"Sub 2"+r+"Sub 2"+t
+p+"http://www.searchbliss.com/seo-tools/"+q+a+"Sub 3"+r+"Sub 3"+t
+p+"http://www.searchbliss.com/seo-tools/"+q+a+"Sub 4"+r+"Sub 4"+t
m[2]='Webmaster Forums';n[2]='#';sw[2]=130;su[2]='Webmaster Forums';st[2]="";s[2]=""
+p+"http://www.searchbliss.com/forum/"+q+a+"Sub 1"+r+"Sub 1"+t
+p+"http://www.searchbliss.com/forum/"+q+a+"Sub 2"+r+"Sub 2"+t
+p+"http://www.searchbliss.com/forum/"+q+a+"Sub 3"+r+"Sub 3"+t
+p+"http://www.searchbliss.com/forum/"+q+a+"Sub 4"+r+"Sub 4"+t
ma=m.length
if (k==1) {mw2=ml-w;
for (i=0; i < ma; i++){document.write("<div id='sb"+i+"' class='mn' style='position: absolute; top:"+(mt+mh)+";left:"+(mw+=w+2)+";width:"+(sw[i]-b)+"' onmouseover='o["+i+"].showIt()' onmouseout='o["+i+"].hideIt()'>"+s[i]+"</div>")}
for (i=0; i < ma; i++){document.write("<div style='position: absolute; top:"+mt+";left:"+(mw2+=w+2)+";width:"+w+"' onmouseover='o["+i+"].showIt()' onmouseout='o["+i+"].hideIt()'><a class='bi'"+g+" href='"+n[i]+q+st[i]+a+su[i]+r+m[i]+t+"</div>")}}
else {mw2=mt-mh;mt2=mt-mh+2
for (i=0; i < ma; i++){document.write("<div id='sb"+i+"' class='mn' style='position: absolute; top:"+(mt2+=(mh+1))+";left:"+(ml+w-10)+";width:"+sw[i]+"' onmouseover='o["+i+"].showIt()' onmouseout='o["+i+"].hideIt()'>"+s[i]+"</div>")}
for (i=0; i < ma; i++){document.write("<div style='position: absolute; top:"+(mw2+=(mh+1))+";left:"+ml+";width:"+w+"' onmouseover='o["+i+"].showIt()' onmouseout='o["+i+"].hideIt()'><a class='bi'"+g+" href='"+n[i]+q+st[i]+a+su[i]+r+m[i]+t+"</div>")}}
function lib_obj(obj,nest){nest=(!nest) ? "":'document.'+nest+'.';this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;this.css=bw.dom||bw.ie4?this.evnt.style:this.evnt;this.ref=bw.dom||bw.ie4?document:this.css.document;this.x=parseInt(this.css.left)||this.css.pixelLeft||this.evnt.offsetLeft||0;this.y=parseInt(this.css.top)||this.css.pixelTop||this.evnt.offsetTop||0;return this}
function lib_doc_size(){this.x=0;this.x2=bw.ie && document.body.offsetWidth-20||innerWidth||0;this.y=0;this.y2=bw.ie && document.body.offsetHeight-5||innerHeight||0;this.x50=this.x2/2;this.y50=this.y2/2;return this;}
lib_obj.prototype.showIt = function(){this.css.visibility="visible"}
lib_obj.prototype.hideIt = function(){this.css.visibility="hidden"}
function libinit(){page=new lib_doc_size();o=new Array();for (i=0; i < ma; i++){o[i]=new lib_obj('sb'+i);o[i].hideIt()}}
libinit()
//-->
</script>
</body>
</html>

**JeremyMiller** · 02-01-2008, 08:01 PM

Functions the same for me in IE 7 and FF, even though there is browser-detection grrrr... I would suggest a script which is better quality than what you have -- it's 100% javascript, so indexing by SEs won't happen and anyone w/o JS turned on won't be able to see your navigation at all. Try a CSS based one like those on A List Apart for overall better code.

**kline11** · 02-02-2008, 01:58 PM

Quote:

Originally Posted by JeremyMiller

Functions the same for me in IE 7 and FF, even though there is browser-detection grrrr... I would suggest a script which is better quality than what you have -- it's 100% javascript, so indexing by SEs won't happen and anyone w/o JS turned on won't be able to see your navigation at all. Try a CSS based one like those on A List Apart for overall better code.

Thnks for the reply. It works fine for me as well in Firefox and IE6, but the complaints are from IE7 users...

Would you mind visiting http://www.searchbliss.com/webmaster_tools/menu_sub.htm and generating the code, then letting me know if the example menu generated works as well? Thanks again.

**kline11** · 02-06-2008, 03:52 PM

JeremyMiller or anyone else with IE7, could you please go to http://www.searchbliss.com/webmaster_tools/menu_sub.htm and generate and test the code. I'm hoping I found the fix for IE7. Thanks a ton.