Dropdown javascript menu IE 8.0 and 7.0 update

Drop Menu Critical Update for Internet Explorer 7.0 and 8.0

NOTE: If your template includes either a "menu.css" or a "css" folder then you have CSS drop menus and you will NOT need this update. Click here for CSS menu help.

To update StudioGray and LTStudio templates, either NC or cart versions, please click here.

If you added any new window links to your drop menu at any time, you must do the update on this page, then do step #1 on the drop menu new window links support page.

IE 8.0 and 7.0 error details:
The javascript drop menus stay open in IE 7.0 and IE 8.0 and do not "pop open" properly.

Templates that require this update:
Chrome color change templates DO NOT require this update. This update is only for Allwebco "T27d" javascript drop menus and also for the OSnine models. This update is for the following models: Butterfly, Fields, ExecBlue, ExecBurgundy, ExecJade, ExecTech, ExecPsych, ExecMed, LakeShore, OSnine. You will need this update for all "non-chrome" drop menu "Deluxe" models as well.

Does my menu need this update?
Any Allwebco template listed above purchased before June 3nd 2007 will need this update. To check your menu version: Open your menu.js and find this note at the top of this file "MENU VER 2.0 IE 7.0 COMPATIBLE". If you have this note you will need this update for IE 8.0. If your template includes a "menu.css" or a folder named "css" you will NOT need this update. This update is not required for any "chrome" or CSS drop menu template.

Update Step #1:
Make a backup copy of your menu.js. Open your menu.js in Notepad or any plain text editor. Copy and paste the following code near the top of your menu.js.

Step #2:
Find the following 3 lines in your menu.js about half way down and delete these 3 lines and ALL lines after this code all the way to the end of your menu.js

// ----------------------------------------------------------------
// YOU DO NOT NEED TO EDIT BELOW THIS LINE 2003 (or 2006) Allwebco Design
// ----------------------------------------------------------------

Be sure you remove the above lines and everything after these lines in your menu.js.

Step #3:
Select all the code below by clicking in the box below and right clicking and choosing "select all". Right click in the box again and choose "copy". All text should still be highlighted when you do this. In your menu.js choose "paste" to paste this code at the bottom of your menu.js.

NOTE: If you have an OSnine model do NOT use this code. Instead click here for OSnine menu code.

// ----------------------------------------------------------------
// YOU DO NOT NEED TO EDIT BELOW THIS LINE 2008 Allwebco Design
// ----------------------------------------------------------------


MENU=m.length

for (i=0; i < MENU; i++){


// START WRITING TOP LEVEL MENUS


document.write("<div style='position:absolute;"+ALIGN+":"+ADJ[i]+";top:"+MFT+";width:"+Top_Width[i]+"' onmouseover='o["+i+"].ShowMenu()' onmouseout='o["+i+"].HideMenu()'>")



document.write("<a class='menu_TOP' style='height:"+TMH+"; color:#"+TMC+"; background-image: url("+TMBI+"); background-color:#"+TMBC+"; font-size:"+TMFS+"pt; font-weight:"+TMFW+"; font-family: "+TMFF+"; "+spn+"' onmouseover=\"this.style.backgroundColor='#"+TMHBC+"';this.style.color='"+TMHC+"';this.style.backgroundImage='URL("+TMHBI+")'\"  onmouseout=\"this.style.backgroundColor='#"+TMBC+"';this.style.color='"+TMC+"';this.style.backgroundImage='URL("+TMBI+")'\" href='"+n[i]+"'>"+m[i]+"</a></div>")



}


for (i=0; i < MENU; i++){

// START WRITING SUB MENUS


document.write("<div id='SUB"+i+"' class='menu_DIV' style='position: absolute; "+ALIGN+":"+(ADJ[i]+SUBshift)+";top:"+(MFT+MO)+";width:"+Sub_Menu_Width[i]+";background-color:#"+SMBC+";' onmouseover='o["+i+"].ShowMenu()' onmouseout='o["+i+"].HideMenu()'>"+s[i]+"</div>")


}



function StartMenu()
{

var D6=window,Y7=document;
function DETECT()
{
this.ver=navigator.appVersion;
this.agent=navigator.userAgent;
this.dom=Y7.getElementById?1:0;
this.opera5=this.agent.indexOf("Opera 5")>-1;
this.ie4=(Y7.all && !this.dom && !this.opera5)?1:0;
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.ie8=(this.ver.indexOf("MSIE 8")>-1 && this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6||this.ie7||this.ie8;
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.BWD=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5);
return this
}
BWD=new DETECT();z=0;b=0;
spn="";
if(BWD.opera5||BWD.ns6)
{
b=2
};
if(BWD.ie)
{
spn=" width: 100%"
}else{
z=6
}

} 


function SubMenu()
{

document.write("<TABLE cellpadding='0' cellspacing='0' border='0' width='100%' BGCOLOR='#'+TMBC+''><tr><td>");
document.write("<img src='picts/spacer.gif' width='100%' height='"+TMH+"'><br>");
document.write("</td></tr></table>");

document.write("<div width='100%' style='height:"+TMH+";position:absolute;top:"+MFT+";width:100%;background-image: url("+TMBI+"); background-color:#"+TMBC+";z-level:-2'></div>")


l="<a class='menu_SUB' style='height:"+SMH+"; color:#"+SMC+"; background-color:#"+SMBC+"; font-size:"+SMFS+"pt; font-weight:"+SMFW+"; font-family: "+SMFF+";"+spn+"' onmouseover=\"this.style.backgroundColor='#"+SMHBC+"';this.style.color='"+SMHC+"'\"  onmouseout=\"this.style.backgroundColor='#"+SMBC+"';this.style.color='"+SMC+"'\" href='";

r="'>";
c="</a>";


m=new Array();n=new Array();s=new Array();Sub_Menu_Width=new Array();su=new Array();st=new Array();Top_Width=new Array();ADJ=new Array()

}


function lib_obj(obj,nest){nest=(!nest) ? "":'document.'+nest+'.';this.evnt=BWD.dom? document.getElementById(obj):BWD.ie4?document.all[obj]:BWD.ns4?eval(nest+"document.layers." +obj):0;this.css=BWD.dom||BWD.ie4?this.evnt.style:this.evnt;this.ref=BWD.dom||BWD.ie4?document:this.css.document;this.x=parseInt(this.css.top)||this.css.pixeltop||this.evnt.offsettop||0;this.y=parseInt(this.css.left)||this.css.pixelleft||this.evnt.offsetleft||0;return this}
function lib_doc_size(){this.x=0;this.x2=BWD.ie && document.body.offsetWidth-20||innerWidth||0;this.y=0;this.y2=BWD.ie && document.body.offsetHeight-5||innerHeight||0;this.x50=this.x2/2;this.y50=this.y2/2;return this;}
lib_obj.prototype.ShowMenu = function(){this.css.visibility="visible"}
lib_obj.prototype.HideMenu = function(){this.css.visibility="hidden"}
function libinit(){page=new lib_doc_size();o=new Array();for (i=0; i < MENU; i++){o[i]=new lib_obj('SUB'+i);o[i].HideMenu()}}
libinit()


// END MENU CODE -->

Step #4:
Test your template in as many browsers as you have available. You can download Firefox for testing as well.

Troubleshooting:
If you did the update on this page and your drop menu is not working:

Try re-doing the update on this page again from the start.
You may have added new window links in your drop menu. Do step #1 on the drop menu new window links support page.
If you have uploaded to your hosting area and your menu is not updating, please see the not updating after uploading support page.
If your template is not updating with the new menu on your computer hard drive please see the not updating after an edit support page.

Related Topics:
Adding and Removing Pages
Editing .js Files
CSS Drop Menu Help

NOTE: Be sure to make a backup of the menu.js before you start editing, and also backup every few edits.

NOTE for OSnine Models: Be sure you see the note in step #3 if you are using an OSnine model.

Drop Menu Web Templates
Complete websites with built in scripts.
AllwebcoDesign.com

Free Javascripts
Free scripts for any website or template.
Allwebco-Templates

SE Optimization
Help to list better in search engines.
Allwebco-Templates

Shopping Cart Templates
Professional templates with built-in Paypal.
AllwebcoDesign.com