Javascript Drop Menu Updates

For Javascript drop down menu templates

Copyright 2007 and older drop menu update
Copyright dates are indicated in the template "header.js". Refer to your template help.html for the support links to the specific menus included with your template download.

Note: This update is NOT for css drop menus. If your template includes either a "menu.css", "menu-drop.css" or "menu-styles.css" or a "css" or "colors" folder see links in the sidebar on this page.

• If this error is only in IE see menu not working only in IE
• For StudioGray and LTStudio templates click here

Note: 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 9.0, 8.0, 7.0 details:
The javascript drop menus stay open in IE 9.0, 8.0, 7.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 3rd 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 9.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.

// MENU VER 2.02 IE 7, 8, 9 COMPATIBLE

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 2010 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.ie9=(this.ver.indexOf("MSIE 9")>-1 && this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6||this.ie7||this.ie8||this.ie9; 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