Multiple Column Menu not disappearing

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
simonknibbs
Beginner
Beginner
Posts: 7
Joined: Fri Dec 04, 2009 6:37 pm

Multiple Column Menu not disappearing

Post by simonknibbs »

Hi, please can help me with an issue I am having with multiple column menus. I have created a menu for a client http://www.wimbledon-school.ac.uk/newsite/master.html and as you will see on rollover of COURSES and EXAMINATIONS the dropdown menu fails to disappear on mouse out still within the menu bar.

I am new to Milonic but would really appreciate some help on this, as its driving me mad! :roll:

Please see below the .js file:

fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=250;
_menuOpenDelay=250;
_subOffsetTop=0 // Sub menu top offset
_subOffsetLeft=-0 // Sub menu left offset
buildAfterLoad=true;

horizontalMenuDelay="1";

with(vertStyle=new mm_style()){
styleid=1;
borderwidth=0;
fontfamily="Arial, Helvetica, sans-serif";
fontsize="11px";
fontstyle="bold";
fontweight="bold";
headerbgcolor="#dddbe8";
headercolor="#4E3F81";
offbgcolor="#FFFFFF";
offcolor="#4E3F81";
oncolor="#ADC42B";
overfilter="Fade(duration=0.2);Alpha(opacity=95);Shadow(color='#777777', Direction=135, Strength=2)";
outfilter="Fade(duration=0.3)";
padding=5;
separatoralign="right";
separatorcolor="#999999";
separatorpadding=1;
separatorwidth="85%";
valign="middle";
}

with(horizStyle=new mm_style()){
headerbgcolor="#ffffff";
oncolor="#ADC42B";
offcolor="#4E3F81";
fontfamily="Arial, Helvetica, sans-serif";
fontsize="11px";
fontstyle="bold";
fontweight="bold";
itemheight=36;
menubgimage="http://www.wimbledon-school.ac.uk/newsi ... adient.jpg";
overfilter="Fade(duration=0.2);Alpha(opacity=95);Shadow(color='#777777', Direction=135, Strength=2)";
outfilter="Fade(duration=0.3)";
oncolor="#ADC42B";
subimagepadding=3;
rawcss="padding-left:5px;padding-right:5px";
}

var lastOpenMenus = new Array(9);
function myShowMenu(subMenu1, subMenu2, subMenu3, subMenu4, subMenu5, subMenu6){
// Close the last menus that were opened. Neither popdown() or closeAllMenus() function properly
for(j=0;j<6;j++){
if(typeof lastOpenMenus[j] != "undefined"){
menuDisplay(getMenuByName(lastOpenMenus[j]), 0);
}
lastOpenMenus[j] = undefined;
}
// Create and initialize name array
var menuNames = new Array(9);
menuNames[0] = subMenu1; menuNames[1] = subMenu2; menuNames[2] = subMenu3; menuNames[3] = subMenu4; menuNames[4] = subMenu5; menuNames[5] = subMenu6;

// Get main menu item position, init position system
aLastMenuPos = gpos(gmobj("el"+_itemRef));
aLastMenuPos[0] += aLastMenuPos[2]; // Set Top To Bottom of Menu Item
aLastMenuPos[3] = 0; // Set Width to Zero

// Go through and show the menus
for(j=0;j<9;j++){
if(typeof menuNames[j] != "undefined"){
objSubMenu = gmobj("menu" + getMenuByName(menuNames[j]));
if(typeof objSubMenu == "object"){
BDMenu(getMenuByName(menuNames[j]));
menuDisplay(getMenuByName(menuNames[j]), 1);
spos(objSubMenu,aLastMenuPos[0],aLastMenuPos[1]+aLastMenuPos[3]-2);
// Adjust the position of the last menu opened
aLastMenuPos = gpos(objSubMenu);
lastOpenMenus[j] = menuNames[j];
}
}
}
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
margin=1;
orientation="horizontal";
style=horizStyle;
divides=1;
position="relative";
aI("text=HOME;title=Back to Home Page;url=/;");
aI("showmenu=the school;text=THE SCHOOL;");
aI("text=COURSES;onfunction=myShowMenu('main1_column1','main1_column2','main1_column3','main1_column4','main1_column5','main1_column6');align=center;");
aI("showmenu=accomodation;text=ACCOMMODATION;");
aI("showmenu=social programme;text=SOCIAL PROGRAMME;");
aI("text=EXAMINATIONS;onfunction=myShowMenu('main2_column1','main2_column2','main2_column3');align=center;");
aI("showmenu=services;text=SERVICES;");
aI("text=FEES & DATES;");
aI("text=CONTACT US;");
}
with(milonic=new menuname("main1_column1")){
style=vertStyle;
margin=style.margin;
aI("text=General English;type=header;separatorsize=0;")
aI("text=List Item 1;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 2;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 3;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 4;url=http://milonic.com/;separatorsize=0;")
}

<!--begin Main Menu 2 submenus-->
with(milonic=new menuname("main1_column2")){
style=vertStyle;
margin=style.margin;
aI("text=Business English;type=header;separatorsize=0;")
aI("text=List Item 5;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 6;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 7;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 8;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 9;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 10;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 11;url=http://milonic.com/;separatorsize=0;")

}
with(milonic=new menuname("main1_column3")){
style=vertStyle;
margin=style.margin;
aI("text=Second Heading;type=header;separatorsize=0;")
aI("text=List Item 8;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 9;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 10;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 11;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 12;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 13;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 14;url=http://milonic.com/;separatorsize=0;")
}

with(milonic=new menuname("main1_column4")){
style=vertStyle;
margin=style.margin;
aI("text=Third Heading;type=header;separatorsize=0;")
aI("text=List Item 8;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 9;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 10;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 11;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 12;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 13;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 14;url=http://milonic.com/;separatorsize=0;")
}

with(milonic=new menuname("main1_column5")){
style=vertStyle;
margin=style.margin;
aI("text=Fourth Heading;type=header;separatorsize=0;")
aI("text=List Item 1;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 2;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 3;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 4;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 5;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 6;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 7;url=http://milonic.com/;separatorsize=0;")
}

with(milonic=new menuname("main1_column6")){
style=vertStyle;
margin=style.margin;
aI("text=Sixth Heading;type=header;separatorsize=0;")
aI("text=List Item 8;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 9;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 10;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 11;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 12;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 13;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 14;url=http://milonic.com/;separatorsize=0;")
}

with(milonic=new menuname("accommodation")){
margin=3;
style=vertStyle;
aI("text=Methods and Functions;url=/menu_methods.php;");
aI("text=Global Variables;url=/menu_variables.php;");
aI("text=Global Properties;url=/global_properties;");
aI("text=Style Properties;url=/styleproperties.php;");
aI("text=Menu Properties;url=/menuproperties.php;");
aI("text=Menu Item Properties;url=/itemproperties.php;");
}

with(milonic=new menuname("social programme")){
margin=3;
orientation="horizontal";
style=vertStyle;
top="offset=2";
divides=5;
aI("text=KET;url=/support/;");
aI("text=BEC Vantage;url=/support/;");
aI("text=IELTS;url=/support/;");
aI("text=PET;url=/support/;");
aI("text=BEC Higher;url=/support/;");
aI("text=TKT;url=/support/;");
aI("text=FCE;url=/support/;");
aI("text=BULATS;url=/support/;");
aI("text=London Wimbledon Examination Centre;url=/support/;");
aI("text=CAE;url=/support/;");
aI("text=ILEC;url=/support/;");
aI("text=CPE;url=/support/;");
aI("text=ICFE;url=/support/;");
}

with(milonic=new menuname("main2_column1")){
style=vertStyle;
margin=style.margin;
aI("text=List Item 1;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 2;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 3;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 4;url=http://milonic.com/;separatorsize=0;")
}

<!--begin Main Menu 2 submenus-->
with(milonic=new menuname("main2_column2")){
style=vertStyle;
margin=style.margin;
aI("text=List Item 5;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 6;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 7;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 8;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 9;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 10;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 11;url=http://milonic.com/;separatorsize=0;")

}
with(milonic=new menuname("main2_column3")){
style=vertStyle;
margin=style.margin;
aI("text=List Item 8;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 9;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 10;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 11;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 12;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 13;url=http://milonic.com/;separatorsize=0;")
aI("text=List Item 14;url=http://milonic.com/;separatorsize=0;")
}

with(milonic=new menuname("services")){
itemheight="100%";
itemwidth=100;
margin=3;
overflow="scroll";
style=vertStyle;
divides=3;
aI("text=Plain Text Horizontal Style DHTML Menu Bar;url=http://milonic.com/menusample1.php;")
aI("text=Vertical Plain Text Menu;url=http://milonic.com/menusample2.php;")
aI("text=Using The Popup Menu Function Positioned by Images;url=http://milonic.com/menusample24.php;")
aI("text=Classic XP Style Menu;url=http://milonic.com/menusample82.php;")
aI("text=XP Style;url=http://milonic.com/menusample86.php;")
aI("text=Office XP Style Menu;url=http://milonic.com/menusample47.php;")
aI("text=Office 2003 Style Menu;url=http://milonic.com/menusample46.php;")
aI("text=Apple Mac Style Menu;url=http://milonic.com/menusample72.php;")
aI("text=Amazon Style Tab Menu;url=http://milonic.com/menusample74.php;")
aI("text=Milonic Home Menu;url=http://milonic.com/menusample78.php;")
aI("text=Windows 98 Style Menu;url=http://milonic.com/menusample13.php;")
}

with(milonic=new menuname("fees and dates")){
margin=3;
style=vertStyle;
top="offset=2";
divides=3;
aI("text=View/Edit My Details;url=/mydetails.php;");
aI("text=Change My Password;url=/changepw.php;");
aI("text=My Licenses;url=/mylicenses.php;");
aI("text=My Invoices;url=/myinvoices.php;");
aI("text=Pay My Invoices;url=/paymyinvoices.php;");
aI("text=My Discounts;url=/mydiscounts.php;");
aI("text=Purchase a new license;url=/purnewlicense.php;");
aI("text=My Orders;url=/myorders.php;");
}

with(milonic=new menuname("sample search")){
margin=3;
style=vertStyle;
top="offset=2";
aI("text=`<FORM METHOD=GET ACTION=/search.php name=search style=;");
}

drawMenus();
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Multiple Column Menu not disappearing

Post by Ruth »

Hi,

Can you tell me where you got this function for columns? I can't find any demo of it or any place it is posted, so I was wondering where you got it. I know it was created by a menu user, not by Milonic. Anyway, the problem is with the buildAfterLoad=true; If that is removed it will function as it should. I have no idea why it doesn't work when that is in there, unless something needs to be added/changed in the function due to that buildAfterLoad programming. That buildAfterLoad function was not a part of the menu when the user created this function.

Now, what I did was to use the old method of placing the menu relatively. This method doesn't use the buildAfterLoad and it can be removed, eliminating whatever the problem. In order to use that method, you remove the main menu from the menu_data.js file, paste it in its own file adding a drawMenus(); at the end and save it. I tend to name them main_embed.js, and rename the menu_data.js as subs_data.js, but you can name it what you like. Anyway, you call all the menu files except the main file you made right after the body tag, and you call that main menu only in the menu div.

Hope this helps you :)

Ruth
simonknibbs
Beginner
Beginner
Posts: 7
Joined: Fri Dec 04, 2009 6:37 pm

Re: Multiple Column Menu not disappearing

Post by simonknibbs »

Hi Ruth, thanks so much for getting back to me so quickly. However I am still stumped! :(

I worked through some old posts originally:
http://milonic.com/mfa/2004-October ... rking.html
http://milonic.com/mfa/2005-June/mu ... tally.html

Now, I think ( :? ) I have completed your instructions as described however please excuse me if I am being dim as it still doesn't work. In fact the menu has now disappeared!! Really sorry if you are going over old ground here but think I am going mad! :roll: I am hoping its something obvious that I have missed. Have attached the files if you can advise and point me in the right directions?

Many thanks in advance.

Simon
Attachments
newsite.zip
(38.86 KiB) Downloaded 385 times
User avatar
Andy
Milonic
Milonic
Posts: 3308
Joined: Sun May 19, 2002 8:23 pm
Location: Menu Developer
Contact:

Re: Multiple Column Menu not disappearing

Post by Andy »

Hi,

If you want multi-columns then I think we need to go with the new menu.

If you can create your menu structure in an HTML Unordered List format I'll see what we can do. It can do both columns as well as a free style HTML content style menu.

We are almost at Pre Release stage (should be this week) with the new version but it seems to be working very well so far.

Let me know when you've got your list menu ready.

Cheers,
Andy
simonknibbs
Beginner
Beginner
Posts: 7
Joined: Fri Dec 04, 2009 6:37 pm

Re: Multiple Column Menu not disappearing

Post by simonknibbs »

Hi Andy, thanks for getting back to me.

Below is the unordered list format you requested (have duplicated navigation text for speed and annotated) and also attached is a document to visually explain how I want the navigation to work. Is this what you are after?

Let me know if I need to give/explain anything else.

Many thanks.

:)



// Main Nav Bar

<ul>
<li><a href="http://www.wimbledon-school.ac.uk/">HOME</a></li>
<li><a href="" rel="pulloutmenu_1">THE SCHOOL</a></li>
<li><a href="" rel="pulloutmenu_2">COURSES</a></li>
<li><a href="" rel="pulloutmenu_3">ACCOMMODATION</a></li>
<li><a href="" rel="pulloutmenu_4">SOCIAL PROGRAMME</a></li>
<li><a href="" rel="pulloutmenu_5">EXAMINATIONS</a></li>
<li><a href="" rel="pulloutmenu_6">SERVICES</a></li>
<li><a href="">FEES & DATES</a></li>
<li><a href="">CONTACT US</a></li>

// Schools pulloutmenu_1 - THE SCHOOL

<ul id="pulloutmenu_1" class="pullout">
<li><a href="">Why Study at WSE</a></li>
<li><a href="">History</a></li>
<li><a href="">Accreditations</a></li>
<li><a href="">Facilities</a></li>
<li><a href="">Students</a></li>
<li><a href="">Meet our Staff</a></li>
<li><a href="">Wimbledon</a></li>
<li><a href="">London</a></li>
<li><a href="">Maps</a></li>
<li><a href="">Terms & Conditions</a></li>
</ul>

// Courses pulloutmenu_2 - COURSES

// This is the first column within pulldown
<ul id="pulloutmenu_2" class="pullout">
<li><a href="">General English</a></li> // This is a heading not a link
<li><a href="">Beginners</a></li>
<li><a href="">Other Levels</a></li>
<li><a href="">Summer Vacations</a></li>
<li><a href="">Academic Year Programme</a></li>
</ul>

// This is the second column within pulldown
<ul id="pulloutmenu_2" class="pullout">
<li><a href="">Business English</a></li> // This is a heading not a link
<li><a href="">Young Business Professionals</a></li>
<li><a href="">International Financial English</a></li>
<li><a href="">BULATS</a></li>
<li><a href="">Academic Year Progamme</a></li>
</ul>

// This is the third column within pulldown
<ul id="pulloutmenu_2" class="pullout">
<li><a href="">Business English</a></li> // This is a heading not a link
<li><a href="">Young Business Professionals</a></li>
<li><a href="">International Financial English</a></li>
<li><a href="">BULATS</a></li>
<li><a href="">Academic Year Progamme</a></li>
</ul>

// This is the fourth column within pulldown
<ul id="pulloutmenu_2" class="pullout">
<li><a href="">Examination Courses</a></li> // This is a heading not a link
<li><a href="">Cambridge Examination</a></li>
<li><a href="">IELTS with Academic English</a></li>
<li><a href="">BULATS</a></li>
<li><a href="">BEC Vantage & Higher</a></li>
<li><a href="">Academic Year Progamme</a></li>
</ul>

// This is the fifth column within pulldown
<ul id="pulloutmenu_2" class="pullout">
<li><a href="">Teachers Training</a></li> // This is a heading not a link
<li><a href="">Teaching Knowledge Test</a></li>
<li><a href="">Teachers' Refresher</a></li>
<li><a href="">Cert IBET</a></li>
</ul>

// This is the sixth column within pulldown
<ul id="pulloutmenu_2" class="pullout">
<li><a href="">Teachers Training</a></li> // This is a heading not a link
<li><a href="">Teaching Knowledge Test</a></li>
<li><a href="">Teachers' Refresher</a></li>
<li><a href="">Cert IBET</a></li>
</ul>

// Schools pulloutmenu_3 - ACCOMMODATION

<ul id="pulloutmenu_1" class="pullout">
<li><a href="">Why Study at WSE</a></li>
<li><a href="">History</a></li>
<li><a href="">Accreditations</a></li>
<li><a href="">Facilities</a></li>
<li><a href="">Students</a></li>
<li><a href="">Meet our Staff</a></li>
<li><a href="">Wimbledon</a></li>
<li><a href="">London</a></li>
<li><a href="">Maps</a></li>
<li><a href="">Terms & Conditions</a></li>
</ul>

// Schools pulloutmenu_4 - SOCIAL PROGRAMME

<ul id="pulloutmenu_41" class="pullout">
<li><a href="">Why Study at WSE</a></li>
<li><a href="">History</a></li>
<li><a href="">Accreditations</a></li>
<li><a href="">Facilities</a></li>
<li><a href="">Students</a></li>
<li><a href="">Meet our Staff</a></li>
<li><a href="">Wimbledon</a></li>
<li><a href="">London</a></li>
<li><a href="">Maps</a></li>
<li><a href="">Terms & Conditions</a></li>
</ul>

// Schools pulloutmenu_5 - EXAMINATIONS

// This is the first column within pulldown
<ul id="pulloutmenu_5" class="pullout">
<li><a href="">Beginners</a></li>
<li><a href="">Other Levels</a></li>
<li><a href="">Summer Vacations</a></li>
<li><a href="">Academic Year Programme</a></li>
</ul>

// This is the second column within pulldown
<ul id="pulloutmenu_5" class="pullout">
<li><a href="">Young Business Professionals</a></li>
<li><a href="">International Financial English</a></li>
<li><a href="">BULATS</a></li>
<li><a href="">Academic Year Progamme</a></li>
</ul>

// This is the third column within pulldown
<ul id="pulloutmenu_5" class="pullout">
<li><a href="">Young Business Professionals</a></li>
<li><a href="">International Financial English</a></li>
<li><a href="">BULATS</a></li>
<li><a href="">Academic Year Progamme</a></li>
</ul>

// Schools pulloutmenu_6 - SERVICES

<ul id="pulloutmenu_6" class="pullout">
<li><a href="">Why Study at WSE</a></li>
<li><a href="">History</a></li>
<li><a href="">Accreditations</a></li>
<li><a href="">Facilities</a></li>
<li><a href="">Students</a></li>
<li><a href="">Meet our Staff</a></li>
<li><a href="">Wimbledon</a></li>
<li><a href="">London</a></li>
<li><a href="">Maps</a></li>
<li><a href="">Terms & Conditions</a></li>
</ul>
simonknibbs
Beginner
Beginner
Posts: 7
Joined: Fri Dec 04, 2009 6:37 pm

Re: Multiple Column Menu not disappearing

Post by simonknibbs »

Sorry Andy, forgot to attach the visual layout. Does this help? :?
Attachments
WSEWEB-menu-2010-new.jpg
WSEWEB-menu-2010-new.jpg (195.13 KiB) Viewed 9192 times
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Multiple Column Menu not disappearing

Post by Ruth »

Hi,

You have two problems, one is in the page, one is in the subs_data file.

On the page, you want to remove the calls for the program files from the nav div. You have already called those files right after the body tag, after the body tag you have a call for the milonic_src.js, mmenudom.js mmenuns4.js and subs_data.js, then in the nav div you only need to call the embedded main menu file.

In the subs_data.js file, you have a syntax error. You added a menu called the school. If you look at the bottom of that menu you have two closing } brackets. I believe that is what is keeping the menu from showing. Once fixed the menu shows. Now, as to the closing issue. There is nothing that can be done about that since this is a user created function and I don't do functions and have no idea how to add anything to it to get them to close. They will close but only if you move into them and then out of them, or move out of the main menu before you move to another main item.

You can do the columns using the regular divides property with 5 instead of that function created by our user and the menus will close then, you actually have one of the submenus using divides, the social programme one. HOWEVER, you would do better using the new menu with what Andy can provide. It's more in the now, not that 5 will not work now, but the newer one will do more as far as I understand. I am still trying to learn that at this point so I can't help with it :(

Ruth
simonknibbs
Beginner
Beginner
Posts: 7
Joined: Fri Dec 04, 2009 6:37 pm

Re: Multiple Column Menu not disappearing

Post by simonknibbs »

Hi Ruth, hope all is well? Thanks very much for having another look and spotting the syntax error. I have removed from the subs_data file and altered the script positioning in the div but still no joy? Am I being really stupid here? :!: The menu still doesn't show?

With regard to the divides option for the menus, I tried the users method because it enabled me to have a heading at the top of each menu item. Do you know if this is possible in the new method? Hopefully Andy will get back to me soon. Looking forward to seeing it.

Thanks again for all your help.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Wimbledon School of English</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
background-color: #4e4088;
background-image: url(../images/master_gradient.png);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<link href="../script/WSE.css" rel="stylesheet" type="text/css" />
<link href="../script/sidenav.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>

<body>

<script type="text/javascript" src="../script/milonic_src.js">
</script>

<script type="text/javascript">

if(ns4)_d.write("<scr"+"ipt type=text/javascript
src=mmenuns4.js><\/scr"+"ipt>");

else _d.write("<scr"+"ipt type=text/javascript
src=mmenudom.js><\/scr"+"ipt>");

</script>

<script type="text/javascript" src="../script/subs_data.js">
</script>

<script type="text/javascript" src="../script/sidemenu.js"></script>


<div id="wrapper">
<div class="clearfix" id="container">
<div id="top"><img src="../images/master_header.jpg" width="1000" height="198" /></div>

<div id="nav">
<script type="text/javascript" src="../script/embedded_main_menu.js"></script>
</div>

<div id="content"><!-- TemplateBeginEditable name="content" -->
<h1>Heading in <a href="../index.php">here</a></h1>
<p>&nbsp;</p>
<p class="intro">Intro <a href="../index.php">paragraph</a> text...</p>
<p class="intro">&nbsp;</p>
<p>Body text in <a href="../index.php">here</a>...</p>
<!-- TemplateEndEditable --></div>
<div class="clearfix" id="right">

<div id="subnav">
<div id="ddsidemenubar" class="sidenav">
<ul>
<li><a href="http://www.wimbledon-school.ac.uk/">Book Now</a></li>
<li><a href="http://www.wimbledon-school.ac.uk/">School News</a></li>
<li><a href="http://www.wimbledon-school.ac.uk/">Brochure Downloads</a></li>
<li><a href="http://www.wimbledon-school.ac.uk/">Photo Gallery</a></li>
<li><a href="http://www.wimbledon-school.ac.uk/">School Blog</a></li>
<li><a href="http://www.wimbledon-school.ac.uk/">Useful Links</a></li>
<li><a href="http://www.wimbledon-school.ac.uk/">Contact Us</a></li>
<li><a href="http://www.wimbledon-school.ac.uk/">Test Your English</a></li>
<li><a href="http://www.wimbledon-school.ac.uk/">Agents Zone</a></li>
</ul>
</div>
</div>
<div id="rightportal"><img src="../images/rightportal_video.jpg" width="264" height="151" /></div>

<div id="bookmarks"><!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=2 ... a764"><img src="http://s7.addthis.com/static/btn/v2/lg-bookmark-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_wi ... "></script>
<!-- AddThis Button END -->
<!-- AddThis Button BEGIN -->
<a href="http://www.addthis.com/feed.php?pub=sho ... 2Fblog&t1=" onclick="return addthis_open(this, 'feed', 'http://www.wimbledon-school.ac.uk/blog')" alt="Subscribe using any feed reader!" target="_blank"><img src="http://s7.addthis.com/static/btn/sm-rss-en.gif" width="83" height="16" alt="Subscribe" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_wi ... "></script>
<!-- AddThis Button END -->
</div>

<!-- TemplateBeginEditable name="rightcolumn" -->rightcolumn<!-- TemplateEndEditable --></div>

<div id="footer">
<div id="line"></div>
<div id="footertext">
<p>41 Worple Road, Wimbledon, London SW19 4JZ, UK <br />
T +44 20 8947 1921  F +44 20 8944 0275  E <a href="mailto:info@wimbledon-school.ac.uk" class="footerlink">info@wimbledon-school.ac.uk</a></p>
</div>
<div id="logos">
<p><img src="../images/master_footerlogos.jpg" width="337" height="43" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="8,4,77,37" href="http://www.britishcouncil.org/new/" target="_blank" />
<area shape="rect" coords="92,7,171,34" href="http://www.englishuk.com/en" target="_blank" />
<area shape="rect" coords="183,4,253,39" href="http://www.businessenglishuk.org.uk/" target="_blank" />
<area shape="rect" coords="269,5,334,40" href="http://www.quality-english.com/" target="_blank" />
</map></p>
</div>
</div>
</div>

<div id="wrapperimage"><img src="../images/footer_bot.png" /></div>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddsidemenubar", "sidebar")
</script>


</body>
</html>
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Multiple Column Menu not disappearing

Post by Ruth »

Hi,

OK, when I copy paste your page from the forum post and put it in my folder that has your program files, it works fine, so I went to the link you provided in the first post. The program files seem not to be where the path shows, i.e.

Code: Select all

<script type="text/javascript" src="milonic_src.js"></script> 
but when I put in the full path to that point

Code: Select all

http://www.wimbledon-school.ac.uk/newsite/milonic_src.js
I get page not found, the same thing for the other program files. Shouldn't those files have a script/ in front of them like the script/subs_data.js file?

I would check the paths, make sure you have put up the corrected subs data file and the corrected page and see if that works. Also, I have created a menu which uses the divides to set it up instead of that function. I am going to paste it here, along with the new menu data file. You might try it and see if it does what you want

Page = I think the paths are correct, to all the things but you might check them

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Using Menu Divides</title>


<style type="text/css">
<!--
body {
	background-color: #4e4088;
	background-image: url(images/master_gradient.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
-->
</style>
<link href="script/WSE.css" rel="stylesheet" type="text/css" />
<link href="script/sidenav.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
      <div id="container">
        <div id="top"><img src="images/master_header.jpg" width="1000" height="198" /></div>
        
    <div id="nav" style="border:1px solid red">


<script type="text/javascript" src="script/sidemenu.js"></script>
<script type="text/javascript" src="script/milonic_src.js">
</script> 
 
<SCRIPT language=JavaScript>
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=script/mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=script/mmenudom.js><\/scr"+"ipt>");
</SCRIPT>

<script type="text/javascript" src="script/menu_data_divides.js">
</script>

    
    </div>
        
    <div id="content">
      <h1>Wimbledon School of English</h1>
      <p>&nbsp;</p>
      <p class="intro">Wimbledon School of English London is a medium-sized and extremely friendly school, established in 1964 to teach English to students from overseas. We have about 180 students from over 30 different countries, and offer a wide range of courses to students aged 16 and above. We are situated in the centre of the attractive London suburb of Wimbledon, just 5 minutes from the station, shops and other facilities. </p>
      <p class="intro">&nbsp;</p>
      <div id="portals">
          
        <div id="portal1">
          <div id="image"><img src="images/portal_pic1.jpg" width="207" />
            <div id="portalbottom">
              <p>Join us on Facebook!</p>
              <p class="portallinks">Join Now >>></p>
            </div>
          </div>
        </div>
            
        <div id="portal2"><div id="image"><img src="images/portal_pic1.jpg" width="207" />
          <div id="portalbottom">
            <p>New evening classes</p>
                <p class="portallinks">BOOK Now >>></p>
            </div>
            </div>
        </div>
            
        <div id="portal3"><div id="image"><img src="images/portal_pic1.jpg" width="207" />
          <div id="portalbottom">
            <p>Heading in here</p>
                <p class="portallinks">Join Now >>></p>
            </div>
              </div>
        </div>
            
        <div id="portal4"><div id="image"><img src="images/portal_pic1.jpg" width="207" />
          <div id="portalbottom">
            <p>Heading in here</p>
                <p class="portallinks">Join Now >>></p>
            </div>
              </div>
        </div>
            
        <div id="portal5"><div id="image"><img src="images/portal_pic1.jpg" width="207" />
          <div id="portalbottom">
            <p>Heading in here</p>
                <p class="portallinks">Join Now >>></p>
            </div>
              </div>
        </div>
            
        <div id="portal6"><div id="image"><img src="images/portal_pic1.jpg" width="207" />
          <div id="portalbottom">
            <p>Heading in here</p>
                <p class="portallinks">Join Now >>></p>
            </div>
              </div>
        </div>
      </div>
      </div>
        
    <div id="right">
      
      <div id="subnav"><div id="left"><div id="ddsidemenubar" class="sidenav">
      <ul>
        <li><a href="http://websites.milonic.com/wimbledon-school.ac.uk/">Book Now</a></li>
        <li><a href="http://websites.milonic.com/wimbledon-school.ac.uk/">School News</a></li>
        <li><a href="http://websites.milonic.com/wimbledon-school.ac.uk/">Brochure Downloads</a></li>
        <li><a href="http://websites.milonic.com/wimbledon-school.ac.uk/">Photo Gallery</a></li>
        <li><a href="http://websites.milonic.com/wimbledon-school.ac.uk/">School Blog</a></li>
        <li><a href="http://websites.milonic.com/wimbledon-school.ac.uk/">Useful Links</a></li>
		<li><a href="http://websites.milonic.com/wimbledon-school.ac.uk/">Contact Us</a></li>
		<li><a href="http://websites.milonic.com/wimbledon-school.ac.uk/">Test Your English</a></li>
		<li><a href="http://websites.milonic.com/wimbledon-school.ac.uk/">Agents Zone</a></li>
      </ul>
    </div>
    
  	<div id="rightportal"><img src="images/rightportal_video.jpg" width="264" height="151" /></div>
    
      </div></div>
    </div>
    
    <div id="footer"><img src="images/master_footer.jpg" /></div>
    
      </div>
    </div>
    
    <script type="text/javascript">
ddlevelsmenu.setup("ddsidemenubar", "sidebar")
</script>
<!--Side Drop Down Menu 1 HTML-->

<ul id="pulloutmenu_1" class="pullout">
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 2a</a></li>
<li><a href="#">Item Folder 3a</a>
  <ul>
  <li><a href="#">Sub Item 3.1a</a></li>
  <li><a href="#">Sub Item 3.2a</a></li>
  <li><a href="#">Sub Item 3.3a</a></li>
  <li><a href="#">Sub Item 3.4a</a></li>
  </ul>
</li>
<li><a href="#">Item 4a</a></li>
<li><a href="#">Item Folder 5a</a>
  <ul>
  <li><a href="#">Sub Item 5.1a</a></li>
  <li><a href="#">Item Folder 5.2a</a>
    <ul>
    <li><a href="#">Sub Item 5.2.1a</a></li>
    <li><a href="#">Sub Item 5.2.2a</a></li>
    <li><a href="#">Sub Item 5.2.3a</a></li>
    <li><a href="#">Sub Item 5.2.4a</a></li>
    </ul>
  </li>
	</ul>
</li>
<li><a href="#">Item 6a</a></li>
</ul>

<!--Side Drop Down Menu 2 HTML-->

<ul id="pulloutmenu_2" class="pullout">
<li><a href="#">Item 1b</a></li>
<li><a href="#">Item 2b</a></li>
<li><a href="#">Item Folder 3b</a>
  <ul>
  <li><a href="#">Sub Item 3.1b</a></li>
  <li><a href="#">Sub Item 3.2b</a></li>
  <li><a href="#">Sub Item 3.3b</a></li>
  <li><a href="#">Sub Item 3.4b</a></li>
  </ul>
</li>
<li><a href="#">Item 4b</a></li>
<li><a href="#">Item Folder 5b</a>
  <ul>
  <li><a href="#">Sub Item 5.1b</a></li>
  <li><a href="#">Item Folder 5.2b</a>
    <ul>
    <li><a href="#">Sub Item 5.2.1b</a></li>
    <li><a href="#">Sub Item 5.2.2b</a></li>
    <li><a href="#">Sub Item 5.2.3b</a></li>
    </ul>
  </li>
	</ul>
</li>
<li><a href="#">Item 6b</a></li>
</ul>

<!--Side Drop Down Menu 3 HTML-->

<ul id="pulloutmenu_3" class="pullout">
<li><a href="http://websites.milonic.com/tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
<li><a href="http://websites.milonic.com/tools.dynamicdrive.com/favicon/">FavIcon Generator</a></li>
<li><a href="http://websites.milonic.com/dynamicdrive.com/emailriddler/">Email Riddler</a></li>
<li><a href="http://websites.milonic.com/tools.dynamicdrive.com/password/">htaccess Password</a></li>
<li><a href="http://websites.milonic.com/tools.dynamicdrive.com/userban/">htaccess Banning</a></li>
</ul>
    
</body>
</html>
This is the menu_data_divides.js file

Code: Select all

fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
buildAfterLoad=true;

horizontalMenuDelay=1;

with(vertStyle=new mm_style()){
styleid=1;
borderwidth=0;
fontfamily="Arial, Helvetica, sans-serif";
fontsize="11px";
fontstyle="bold";
fontweight="bold";
headerbgcolor="#dddbe8";
headercolor="#4E3F81";
offbgcolor="#FFFFFF";
offcolor="#4E3F81";
oncolor="#ADC42B";
overfilter="Fade(duration=0.2);Alpha(opacity=95);Shadow(color='#777777', Direction=135, Strength=2)"; 
outfilter="Fade(duration=0.3)"; 
padding=5;
separatoralign="right";
separatorcolor="#999999";
separatorpadding=1;
separatorwidth="85%";
valign="middle";
}

with(horizStyle=new mm_style()){ 
headerbgcolor="#ffffff"; 
oncolor="#ADC42B"; 
offcolor="#4E3F81";
fontfamily="Arial, Helvetica, sans-serif";
fontsize="11px";
fontstyle="bold";
fontweight="bold";
itemheight=36;
menubgimage="master_navgradient.jpg";
overfilter="Fade(duration=0.2);Alpha(opacity=95);Shadow(color='#777777', Direction=135, Strength=2)"; 
outfilter="Fade(duration=0.3)"; 
oncolor="#ADC42B"; 
subimagepadding=3;
rawcss="padding-left:5px;padding-right:5px";
} 



with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
margin=1;
orientation="horizontal";
style=horizStyle;
position="relative";
aI("text=HOME;title=Back to Home Page;url=/;");
aI("showmenu=the school;text=THE SCHOOL;");
aI("text=COURSES;showmenu=courses;align=center;");
aI("showmenu=accomodation;text=ACCOMMODATION;");
aI("showmenu=social programme;text=SOCIAL PROGRAMME;");
aI("text=EXAMINATIONS;showmenu=examinations;align=center;");
aI("showmenu=services;text=SERVICES;");
aI("text=FEES & DATES;");
aI("text=CONTACT US;");
}

with(milonic=new menuname("accommodation")){
margin=3;
style=vertStyle;
aI("text=Methods and Functions;url=/menu_methods.php;");
aI("text=Global Variables;url=/menu_variables.php;");
aI("text=Global Properties;url=/global_properties;");
aI("text=Style Properties;url=/styleproperties.php;");
aI("text=Menu Properties;url=/menuproperties.php;");
aI("text=Menu Item Properties;url=/itemproperties.php;");
}

with(milonic=new menuname("social programme")){
margin=3;
orientation="horizontal";
style=vertStyle;
top="offset=2";
divides=5;
aI("text=KET;url=/support/;");
aI("text=BEC Vantage;url=/support/;");
aI("text=IELTS;url=/support/;");
aI("text=PET;url=/support/;");
aI("text=BEC Higher;url=/support/;");
aI("text=TKT;url=/support/;");
aI("text=FCE;url=/support/;");
aI("text=BULATS;url=/support/;");
aI("text=London Wimbledon Examination Centre;url=/support/;");
aI("text=CAE;url=/support/;");
aI("text=ILEC;url=/support/;");
aI("text=CPE;url=/support/;");
aI("text=ICFE;url=/support/;");
}

with(milonic=new menuname("courses")){
style=vertStyle;
divides=6;
style.separatorsize=0;

//in order to create divides, vertical menus will divide into columns. You cannot use separators, size must be 0.
//thus for this menu, the divides is 6, the first 6 items will be the headers, the next 6 items will be the
//1st row below the headers, next 6, the second row and so on. I have divided them here to show which line they are.
//because these are part of the menu programming the submenus will close, but you must also include matching numbers
//of items for each column, if the columns don't have the same number of items, adding items with image=blank.gif, and
//putting in the headerbgcolor=#ffffff so it matches the background of the regular items will make it look the same
//but not be an item that has the mouse on/off changes.
//headers across
aI("text=General English;type=header;");
aI("text=Business English;type=header;");
aI("text=Second Heading;type=header;");
aI("text=Third Heading;type=header;");
aI("text=Fourth Heading;type=header;");
aI("text=Sixth Heading;type=header;");

//line 1 across
aI("text=List Item 1;url=http://milonic.com/;");
aI("text=List Item 5;url=http://milonic.com/;");
aI("text=List Item 8;url=http://milonic.com/;");
aI("text=List Item 8;url=http://milonic.com/;");
aI("text=List Item 1;url=http://milonic.com/;");
aI("text=List Item 8;url=http://milonic.com/;");

//line2 across
aI("text=List Item 2;url=http://milonic.com/;");
aI("text=List Item 6;url=http://milonic.com/;");
aI("text=List Item 9;url=http://milonic.com/;");
aI("text=List Item 9;url=http://milonic.com/;");
aI("text=List Item 2;url=http://milonic.com/;");
aI("text=List Item 9;url=http://milonic.com/;");

//line3 across
aI("text=List Item 3;url=http://milonic.com/;");
aI("text=List Item 7;url=http://milonic.com/;");
aI("text=List Item 10;url=http://milonic.com/;");
aI("text=List Item 10;url=http://milonic.com/;");
aI("text=List Item 3;url=http://milonic.com/;");
aI("text=List Item 10;url=http://milonic.com/;");

//line4 across
aI("text=List Item 4;url=http://milonic.com/;");
aI("text=List Item 8;url=http://milonic.com/;");
aI("text=List Item 11;url=http://milonic.com/;");
aI("text=List Item 11;url=http://milonic.com/;");
aI("text=List Item 4;url=http://milonic.com/;");
aI("text=List Item 11;url=http://milonic.com/;");

//line5 includes header type item for number 5 of 1st column
aI("image=blank.gif;type=header;headerbgcolor=#ffffff;");
aI("text=List Item 9;url=http://milonic.com/;");
aI("text=List Item 12;url=http://milonic.com/;"); 
aI("text=List Item 12;url=http://milonic.com/;");
aI("text=List Item 5;url=http://milonic.com/;");
aI("text=List Item 12;url=http://milonic.com/;");

//line6 includes header type item for number 6 of 1st column
aI("image=blank.gif;type=header;headerbgcolor=#ffffff;");
aI("text=List Item 10;url=http://milonic.com/;");
aI("text=List Item 13;url=http://milonic.com/;");
aI("text=List Item 13;url=http://milonic.com/;");
aI("text=List Item 6;url=http://milonic.com/;");
aI("text=List Item 13;url=http://milonic.com/;");

//line7 includes header type item for number 7 of 1st column
aI("image=blank.gif;type=header;headerbgcolor=#ffffff;");
aI("text=List Item 11;url=http://milonic.com/;");
aI("text=List Item 14;url=http://milonic.com/;");
aI("text=List Item 14;url=http://milonic.com/;");
aI("text=List Item 7;url=http://milonic.com/;");
aI("text=List Item 14;url=http://milonic.com/;");

}
with(milonic=new menuname("examinations")){
style=vertStyle;
divides=3;
style.separatorsize=0; 
aI("text=List Item 1;url=http://milonic.com/;")
aI("text=List Item 5;url=http://milonic.com/;")
aI("text=List Item 8;url=http://milonic.com/;")

aI("text=List Item 2;url=http://milonic.com/;");
aI("text=List Item 6;url=http://milonic.com/;");
aI("text=List Item 9;url=http://milonic.com/;");

aI("text=List Item 3;url=http://milonic.com/;");
aI("text=List Item 7;url=http://milonic.com/;");
aI("text=List Item 10;url=http://milonic.com/;");
   
aI("text=List Item 4;url=http://milonic.com/;");
aI("text=List Item 8;url=http://milonic.com/;");
aI("text=List Item 11;url=http://milonic.com/;");

aI("image=blank.gif;type=header;headerbgcolor=#ffffff;");
aI("text=List Item 9;url=http://milonic.com/;");
aI("text=List Item 12;url=http://milonic.com/;");

aI("image=blank.gif;type=header;headerbgcolor=#ffffff;");
aI("text=List Item 10;url=http://milonic.com/;");
aI("text=List Item 13;url=http://milonic.com/;");

aI("image=blank.gif;type=header;headerbgcolor=#ffffff;");
aI("text=List Item 11;url=http://milonic.com/;");
aI("text=List Item 14;url=http://milonic.com/;");
}
with(milonic=new menuname("services")){
itemheight="100%";
itemwidth=100;
margin=3;
overflow="scroll";
style=vertStyle;
divides=3;
aI("text=Plain Text Horizontal Style DHTML Menu Bar;url=http://milonic.com/menusample1.php;")
aI("text=Vertical Plain Text Menu;url=http://milonic.com/menusample2.php;")
aI("text=Using The Popup Menu Function Positioned by Images;url=http://milonic.com/menusample24.php;")
aI("text=Classic XP Style Menu;url=http://milonic.com/menusample82.php;")
aI("text=XP Style;url=http://milonic.com/menusample86.php;")
aI("text=Office XP Style Menu;url=http://milonic.com/menusample47.php;")
aI("text=Office 2003 Style Menu;url=http://milonic.com/menusample46.php;")
aI("text=Apple Mac Style Menu;url=http://milonic.com/menusample72.php;")
aI("text=Amazon Style Tab Menu;url=http://milonic.com/menusample74.php;")
aI("text=Milonic Home Menu;url=http://milonic.com/menusample78.php;")
aI("text=Windows 98 Style Menu;url=http://milonic.com/menusample13.php;")
}

with(milonic=new menuname("fees and dates")){
margin=3;
style=vertStyle;
top="offset=2";
divides=3;
aI("text=View/Edit My Details;url=/mydetails.php;");
aI("text=Change My Password;url=/changepw.php;");
aI("text=My Licenses;url=/mylicenses.php;");
aI("text=My Invoices;url=/myinvoices.php;");
aI("text=Pay My Invoices;url=/paymyinvoices.php;");
aI("text=My Discounts;url=/mydiscounts.php;");
aI("text=Purchase a new license;url=/purnewlicense.php;");
aI("text=My Orders;url=/myorders.php;");
}

with(milonic=new menuname("sample search")){
margin=3;
style=vertStyle;
top="offset=2";
aI("text=`<FORM METHOD=GET ACTION=/search.php name=search style=;");
}
drawMenus();
The one thing you have to do is make a little transparent gif image and save it as blank.gif, then copy the data file and save it as menu_data_divides.js since that is what I named it and that is what is in the page :) You'll note that I put the path as the script/menu_data_divides.js so you'd put that file in that folder. So, this page looks just like the other one, but the menu uses divides and you no longer have that closing problem that you do with the one with the function. The data file has an explantion of how it was done. Hope this helps. If you still can't see the menu in the other one after fixing the path problems, can you post a link to the page so I can check things out?

Ruth
simonknibbs
Beginner
Beginner
Posts: 7
Joined: Fri Dec 04, 2009 6:37 pm

Re: Multiple Column Menu not disappearing

Post by simonknibbs »

OMG Ruth!!!!! Thats amazing, thank you so much. Works like a dream! :D

I really appreciate it, you have been wonderful and preserved my sanity just in time!

Thanks again, very very happy! :D
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: Multiple Column Menu not disappearing

Post by Ruth »

Hi,

It looks nice. Now, I give you a suggestion, two suggestions to try, these are only 'artistic things' and as you know no two people see the same things in the same way. Anyway

1. In the menu data file, put this in for your Guided Self Study Examinations header in that submenu under courses, this makes that header shorter since it now goes on two lines, and more in line with the items which are very short. It makes that column seem more balanced, but again that depends on what appeals to whom. I think it looks nice, but you may not like the higher look of the header area.

Code: Select all

aI("text=Guided Self-Study<br><center>Examinations</center>;type=header;");
2. in the nav div, in the css file code it as

Code: Select all

#nav {BACKGROUND-IMAGE: url(images/master_navgradient.jpg);BACKGROUND-REPEAT: repeat-x;
}
That puts the same background image that the menu has into that div so now it spans the full width with the same look. Again, that's just a personal preference thing, to me it just looked strange not filling out that full width with that background.

Merry Christmas :)
Ruth
Post Reply