Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:15
Using sub menus with my own main menu
Poster: jkohnke
Dated: Wednesday February 8 2006 - 4:18:26 GMT
How can I use you horizontal submenus without using your main menu. Ideally, i would like open the sub menu using the onmouseover event from an image or link within the page. Can I still use table positioning for the submenus with this?
Thanks.
Poster: Ruth
Dated: Wednesday February 8 2006 - 4:51:54 GMT
Hi,
You can use the popup menu to do this. Since this is a submenu you would not put it in a table. You can position submenus that open using the pop function by an image, or by offsets. The following sample is using the popmenu positioned by images. These images are next to the link but you should be able to put the image from which you want the submenu to be positioned wherever you want [within reason, of course ]
http://www.milonic.com/menusample24.php
More information can be found about the pop function in the last two items on this page http://www.milonic.com/menu_methods.php
If you need more help in getting it how you want, you'd have to post a test page for us to take a look.
Ruth
Poster: John
Dated: Wednesday February 8 2006 - 22:29:23 GMT
Here's another way, which can be seen at http://westcgi.west.asu.edu/sai/. Slightly different than what Ruth pointed out (I think), but it works...
Code:
with(milonic=new menuname("XPMain")){
style=XPMainStyle;
top = 78;
left = 0;
alwaysvisible = 1;
orientation = "horizontal";
aI("image=/sai/graphics/home.jpg;showmenu=home;url=http://westcgi.west.asu.edu/sai/;");
aI("image=/sai/graphics/staff.jpg;showmenu=staff;");
aI("image=/sai/graphics/tech.jpg;showmenu=tech;");
aI("image=/sai/graphics/new.jpg;showmenu=new;");
aI("image=/sai/graphics/edit.jpg;showmenu=edit;");
aI("image=/sai/graphics/services.jpg;showmenu=services;");
aI("image=/sai/graphics/about.jpg;showmenu=about;");
}
with(milonic=new menuname("home")){
style=XPMenuStyle;
borderwidth=1;
orientation="vertical";
aI("text=ASU Sites;showmenu=asusites;image=/sai/graphics/xpwidth.gif;status=ASU Sites;");
aI("text=SAI Home;url=/sai/;image=/sai/graphics/xpwidth.gif;status=Student Affairs Intranet Home Page;");
}
with(milonic=new menuname("asusites")){
style=XPMenuStyle;
borderwidth=1;
orientation="vertical";
aI("text=ASU's East campus;url=http://www.east.asu.edu/;image=/sai/graphics/xpblank.gif;status=ASU's East campus home page;");
aI("text=ASU's Tempe campus;url=http://www.asu.edu/;image=/sai/graphics/xpblank.gif;status=ASU's Tempe campus home page;");
aI("text=ASU's West campus;url=http://www.west.asu.edu/;image=/sai/graphics/xpblank.gif;status=ASU's West campus home page;");
aI("text=GoWest;url=http://www.west.asu.edu/gowest/;image=/sai/graphics/xpblank.gif;status=GoWest (Prospective Students);");
aI("text=Student Affairs;showmenu=stuaff;url=http://www.west.asu.edu/sa/;image=/sai/graphics/xpblank.gif;status=Student Affairs home page;");
}
etc.
style=XPMainStyle;
top = 78;
left = 0;
alwaysvisible = 1;
orientation = "horizontal";
aI("image=/sai/graphics/home.jpg;showmenu=home;url=http://westcgi.west.asu.edu/sai/;");
aI("image=/sai/graphics/staff.jpg;showmenu=staff;");
aI("image=/sai/graphics/tech.jpg;showmenu=tech;");
aI("image=/sai/graphics/new.jpg;showmenu=new;");
aI("image=/sai/graphics/edit.jpg;showmenu=edit;");
aI("image=/sai/graphics/services.jpg;showmenu=services;");
aI("image=/sai/graphics/about.jpg;showmenu=about;");
}
with(milonic=new menuname("home")){
style=XPMenuStyle;
borderwidth=1;
orientation="vertical";
aI("text=ASU Sites;showmenu=asusites;image=/sai/graphics/xpwidth.gif;status=ASU Sites;");
aI("text=SAI Home;url=/sai/;image=/sai/graphics/xpwidth.gif;status=Student Affairs Intranet Home Page;");
}
with(milonic=new menuname("asusites")){
style=XPMenuStyle;
borderwidth=1;
orientation="vertical";
aI("text=ASU's East campus;url=http://www.east.asu.edu/;image=/sai/graphics/xpblank.gif;status=ASU's East campus home page;");
aI("text=ASU's Tempe campus;url=http://www.asu.edu/;image=/sai/graphics/xpblank.gif;status=ASU's Tempe campus home page;");
aI("text=ASU's West campus;url=http://www.west.asu.edu/;image=/sai/graphics/xpblank.gif;status=ASU's West campus home page;");
aI("text=GoWest;url=http://www.west.asu.edu/gowest/;image=/sai/graphics/xpblank.gif;status=GoWest (Prospective Students);");
aI("text=Student Affairs;showmenu=stuaff;url=http://www.west.asu.edu/sa/;image=/sai/graphics/xpblank.gif;status=Student Affairs home page;");
}
etc.