Expand sub menu automatically

Poster: jeanny
Dated: Tuesday January 8 2008 - 19:19:27 GMT

Hey All,

Currently my code displays all available top menus and the sub menu will be displayed by clicking on one of the items in the main menu. How can I make the sub menu expanded with main menu automatically when the web page is load?


Thanks in advance!

Re: Expand sub menu automatically

Poster: Andy
Dated: Tuesday January 8 2008 - 20:31:01 GMT

Hi,

If you grab a copy of this module: http://www.milonic.com/openmenusbyurl.js and then place a reference to it after your menu_data.js file it should start to open sub menus on page load.

Here is the syntax:

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

HTH,
Andy

Re: Expand sub menu automatically

Poster: jeanny
Dated: Wednesday January 9 2008 - 14:56:16 GMT

Andy,

Thanks for your help!

This is my first time touch Milonic. I am trying to modify the existing code from previous developer to make the sub menu expanded with top menu on the page load. We have left vertical menu bar and the items in the menu (both top and sub) are generated dynamically so we don’t have menu_data.js page. We include milonic_src.js file in aspx page. Here is the HTML code generated from aspx file.


Top menu:

<script language=javascript>
topmenu=new copyOf(leftmenu); topmenu.itemwidth='255'; topmenu.onclass='ResourcesSection'; topmenu.offclass='ResourcesSection';topmenu.clickclass='ResourcesSection';with(milonic=new menuname('TopmenuMainMenu_9246')){style=topmenu;alwaysvisible='1';position='relative';top='0';left='0';
aI('text=Home;showmenu=d6f70716-1229-47c6-96f8-e199e3c381f2;type=tree;image=');
aI('text=Product;showmenu=bce850b5-6938-41b5-a8cb-f206f9b74a06;type=tree;image=');
aI('text=Services ;showmenu=5eac00d8-d9ce-480e-8cca-94f6a626c084;type=tree;image=');
aI('text=Forms;showmenu=e078ebee-ecc8-438a-ae72-49348f08935d;type=tree;image=');
aI('text=Policies;showmenu=6433acfd-f670-40fb-81cc-a9b290d919b4;type=tree;image=');
}drawMenus();
</script>

One of Sub Menus:

<script language=javascript>submenu=new copyOf(leftchildmenu1);
submenu.itemwidth='255'; submenu.onbgcolor='#FFFFFF';submenu.offbgcolor='#FFFFFF';submenu.oncolor='#0066CC';submenu.offcolor='#0066CC';submenu.fontsize=11;submenu.fontfamily='verdana,arial,helvetica,sans-serif';
submenu.fontweight='bold';submenu.image=" img/greenbullet.gif";
submenu.imageheight=8;submenu.offclass='';submenu.onclass='';submenu.clickbgcolor='#FFFFFF';submenu.clickcolor='#0066CC';
with(milonic=new menuname('0f844725-8838-48cc-9d57-7cffa8992331'))
{style=submenu;aI('text=Home;clickfunction=resourceOpen("home.html","600","800");');
aI('text=About us;clickfunction=resourceOpen("aboutus.html","600","800");');
aI('text=Letter;clickfunction=resourceOpen("letter.htm","600","800");');
}</script>

I copied _ocURL function from http://www.milonic.com/openmenusbyurl.js to milonic_src.js file and added submenu.forceChildSubOpen=true into sub menu style setting, but it doesn’t work.

Could you please tell me how can use the openmenusbyurl.js file to make it work in my case?

Thanks again for your help!

Re: Expand sub menu automatically

Poster: Ruth
Dated: Thursday January 10 2008 - 23:23:03 GMT

Hi,

The collapse menu doesn't use openmenusbyurl.js to open them on the matching page. I can't tell from your menu data information just what a page name would be that you wanted to have the corresponding submenu open, but let's say you have an item that when you click it opens a submenu called AdultEducation, and that you have a correpsonding page [url]adult_education.htm[/url] Then on that page you would code at the bottom of the page, the last thing before the closing body tag



Hope this helps.

Ruth