Using sub menus with my own main menu

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
jkohnke
Beginner
Beginner
Posts: 1
Joined: Wed Feb 08, 2006 5:13 am
Contact:

Using sub menus with my own main menu

Post by jkohnke »

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.
John K
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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://milonic.com/menusample24.php

More information can be found about the pop function in the last two items on this page http://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
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

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: Select all

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.
John
Post Reply