attaching multiple menus to existing buttons..

sergio_101 · Post by **sergio_101** » Tue Aug 16, 2005 3:54 pm

i wanted to see how this would be handled..

we are working on this:

http://red-red.webhop.net/ACP/

and i would like to have a separate menu pop out for each of the four menus on the left..

can i do that with this product?

thanks!

Post by **Andy** » Tue Aug 16, 2005 5:12 pm

Hi,

Yes, there are several ways you can do that. The best way would be to use the popup() function. A demo of which can be found here:

http://milonic.com/menusample24.php

Hope this helps,
Andy

kevin3442 · Post by **kevin3442** » Wed Aug 17, 2005 5:25 am

As Andy said... easily done with the popup() function. You'll also find a description of the function on the methods page. Note that the popup() function has optional parameters to let you fine tune the positioning of the submenu. For example, you could give your button image a name and id, then use popup() to position the resulting menu relative to the image's position, and fine tune with offsets.

Cheers,

Kevin

sergio_101 · Post by **sergio_101** » Mon Aug 22, 2005 8:27 am

i think i am almost there!

if you want to play the home game, i am working on this:

http://red-red.dyndns.info:8000/ACP/

where i am trying to attach the menu tp the button that says "full line items."

here's where i think i am running into problems.. i have a a php script that builds the menu file based on the current state of the database:

http://red-red.dyndns.info:8000/ACP/menu.html

i will fix this to match the rest of the site, but i what i want to do is have these options fly out when there is a mouseover on the button.

right now, i am getting javascript errors on the mouseover, but i am guessing that the reason for this is that the page has no idea that the milonic menus even exist.

i see in the source for the example that they are all built in the page. i would prefer to keep everything built in that file.. is that possible, and if so, how do i do it?

also.. i tried adding the text to include the menu on my page, and i just got a top left positioned menu..

help is appreciated! i know i am getting close here...

thanks!

sergio_101 · Post by **sergio_101** » Tue Aug 23, 2005 7:16 pm

okay...

i am still not getting it... this should be REALLY easy.. but it's not working for me yet..

the page i am working on is here:

http://red-red.webhop.net/ACP/

i am trying to get a menu to pop out on the button at the left that says "full line items.."

here is the code i have attached to that button...

Code: Select all

<img src="JEFF-PAGES/images/ACP_19.gif" alt="Full Line List" name="Full-Line-Items" id="FullLine" width="170" height="66" border="0" onMouseOver="popup('Main_Menu','FullLine')" onMouseOut="popdown()">

i will attach my menu_data.js at the bottom of this email..

i am getting some javascript errors, but no menu...

this project is now on the critical list (has to get done asap) and this is the only thing that is killing me here..

can someone give me the one last pointer i need?

thanks!

Code: Select all

_menuCloseDelay=500;
	_menuOpenDelay=150;
	_subOffsetTop=2;
	_subOffsetLeft=-2;
		
	with(menuStyle=new mm_style()){
	bordercolor="#999999";
	borderstyle="solid";
	borderwidth=1;
	fontfamily="Verdana, Tahoma, Arial";
	fontsize="100%";
	fontstyle="bold";
	headerbgcolor="#ffffff";
	headercolor="#000000";
	offbgcolor="#eeeeee";
	offcolor="#000000";
	onbgcolor="#ddffdd";
	oncolor="#000099";
	outfilter="randomdissolve(duration=0.3)";
	overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
	padding=4;
	pagebgcolor="#82B6D7";
	pagecolor="black";
	separatorcolor="#999999";
	separatorsize=1;
	subimage="arrow.gif";
	subimagepadding=2;
	}
	with(milonic=new menuname("Main_Menu")){
	//alwaysvisible=0;
	//left=10;
	//orientation="vertical";
	//style=menuStyle;
	//top=10;


aI("status=Back To Home Page;text=Ashland Conveyor Home;url=http://red-red.webhop.net/ACP/;");	
	
aI("showmenu=RollerConv;text=Roller Conveyor;");

aI("showmenu=SkwhConv;text=Skatewheel Conveyor;");

aI("showmenu=Rollers;text=Rollers;");

aI("showmenu=FlowRail;text=Flow Rail;");

aI("showmenu=PowerConv;text=Power Conveyor;");

aI("showmenu=Supports;text=Supports;");

aI("showmenu=Telescope;text=Telescoping Conveyor;");

aI("showmenu=BallTransfer;text=Ball Transfer;");

aI("showmenu=Accessories;text=Accessories;");

with(milonic=new menuname("RollerConv")){
overflow="scroll";
style=menuStyle;
aI("text=F 2-1/2x18 AL, EA 1-3/8x18 AL;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCEA;");
aI("text=F 2-1/2x12 G, EG 1-3/8x18 G;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCEG;");
aI("text=F 2-1/2x12 PT, B 3/4x20;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCB;");
aI("text=F 2-1/2x12, EFG 1-3/8x18 G;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCEFG;");
aI("text=F 2-1/2x1/8 AL, EFA 1-3/8x18 AL;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCEFA;");
aI("text=F 2-1/2x12, CFG 1-3/8x16 G;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCCFG;");
aI("text=F 3-1/2x11 PT, K 1.9x16;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCK;");
aI("text=F 3-1/2x11 PT, KG 1.9x16 G;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCKG;");
aI("text=F 3-1/2x1/8 AL, KA 1.9x16 AL;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCKA;");
aI("text=F 3-1/2x11 PT, DG 1.9x12 G;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCDG;");
aI("text=F 3-1/2x11 PT, KD 1.9x9;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCKD;");
aI("text=F 3-1/2x11 PT, U 2-1/2x14;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCU;");
aI("text=F 4x7 PT, S 2-1/2x11;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCSF;");
aI("text=F 4-1/2x7 PT, SG 2-1/2x11 G;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCSGF;");
aI("text=F 4x7 PT, T 2-5/8x7;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCTF;");
aI("text=F 3-1/2x11 PT, CG 1-3/8x16 G;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCCG;");
aI("text=F 4x5.4 PT, S 2-1/2x11;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCSS;");
aI("text=F 4x5.4 PT, SG 2-1/2x11 G;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCSGS;");
aI("text=F 4x5.4 PT, T 2-5/8x7;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=RollerConv&Model=RCTS;");}
with(milonic=new menuname("SkwhConv")){
overflow="scroll";
style=menuStyle;
aI("text=Straight Sections;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=SkwhConv&Model=Straight;");
aI("text=Curve Sections;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=SkwhConv&Model=Curve;");
aI("text=Spur Sections;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=SkwhConv&Model=Spur;");}
with(milonic=new menuname("Rollers")){
overflow="scroll";
style=menuStyle;
aI("text=3/4x20, 1/4 R Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=B;");
aI("text=1-3/8x18 G, 1/4 R Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=EG;");
aI("text=1-3/8x18 AL, 1/4 R Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=EA;");
aI("text=1-3/8x18 G, 5/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=EFG;");
aI("text=1-3/8x18 AL, 5/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=EFA;");
aI("text=1-3/8x16 G, 5/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=CFG;");
aI("text=1-3/8x16 G, 7/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=CG;");
aI("text=1.9x16, 7/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=K;");
aI("text=1.9x16 G, 7/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=KG;");
aI("text=1.9x16 AL, 7/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=KA;");
aI("text=1.9x12 G, 7/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=DG;");
aI("text=1.9x9, 7/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=KD;");
aI("text=2-1/2x14, 7/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=U;");
aI("text=2-1/2x11, 11/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=S;");
aI("text=2-1/2x11 G, 11/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=SG;");
aI("text=2-5/8x7, 11/16 H Shaft, LO;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Rollers&Model=T;");}
with(milonic=new menuname("FlowRail")){
overflow="scroll";
style=menuStyle;
aI("text=2\" Angle, 3\" Ctrs;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=FlowRail&Model=FR1;");
aI("text=3\" J Chnl, 3\" Ctrs;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=FlowRail&Model=FR2;");
aI("text=2-1/2\" Chnl, 3\" Ctrs;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=FlowRail&Model=FR3;");
aI("text=2-1/2\" 2 Chnl, 3\" Ctrs;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=FlowRail&Model=FR4-3;");
aI("text=2-1/2\" 2 Chnl, 1-1/2\" Ctrs;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=FlowRail&Model=FR4-1-1/2;");}
with(milonic=new menuname("PowerConv")){
overflow="scroll";
style=menuStyle;
aI("text=SB400 Slider Box Bed;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=PowerConv&Model=SB400;");
aI("text=Slider Bed;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=PowerConv&Model=SB350;");
aI("text=Roller Bed;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=PowerConv&Model=RB190;");
aI("text=Slider Bed Incline;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=PowerConv&Model=SBI350;");
aI("text=Roller Bed Incline;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=PowerConv&Model=RBI190;");}
with(milonic=new menuname("Supports")){
overflow="scroll";
style=menuStyle;
aI("text=Tripods;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Supports&Model=Tripods;");
aI("text=H-Stand 1500 LB;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Supports&Model=H-Stand 1500lb;");
aI("text=H-Stand 3000 LB;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Supports&Model=H-Stand 3000lb;");
aI("text=H-Stand 5000 LB;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Supports&Model=H-Stand 5000lb;");
aI("text=Low Profile 25000 Lb;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Supports&Model=Low Profile 2500lb;");
aI("text=Ceiling Hanger;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Supports&Model=Ceiling Hanger;");
aI("text=Kneebraces;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Supports&Model=Kneebraces;");
aI("text=Casters;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Supports&Model=Casters;");
aI("text=0;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Supports&Model=Generic;");
aI("text=H-stand Multitier;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Supports&Model=HMT;");}
with(milonic=new menuname("Telescope")){
overflow="scroll";
style=menuStyle;
aI("text=Skatewheel Telescope;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Telescope&Model=Skatewheel;");
aI("text=Roller Telescope;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Telescope&Model=Roller;");}
with(milonic=new menuname("BallTransfer")){
overflow="scroll";
style=menuStyle;
aI("text=Ball Transfer Table;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=BallTransfer&Model=Tables;");
aI("text=Ball Transfer Inserts;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=BallTransfer&Model=Inserts;");
aI("text=Ball Transfer Units;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=BallTransfer&Model=Balls;");}
with(milonic=new menuname("Accessories")){
overflow="scroll";
style=menuStyle;
aI("text=2-1/2x12 G Chnl;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=GU3;");
aI("text=3-1/2x11 PT Chnl;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=GU4;");
aI("text=2-1/2x14 G Adj Chnl;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=Gu5;");
aI("text=Roller Stop;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=RS140/190;");
aI("text=Angle Stop;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=AS15;");
aI("text=Angle Stop 1-1/2;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=AS20;");
aI("text=Flat Stop 2-1/2 Frame;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=FS25;");
aI("text=Flat Stop 3-1/2 Frame;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=FS35;");
aI("text=Flat Stop 4 Frame;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=FS40;");
aI("text=Hinge Gate Skatewheel;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=HGSkwh;");
aI("text=Hinge Gate Roller;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=HGRoller;");
aI("text=Generic;url=http://red-red.webhop.net/ACP/ACP-product.php?ProductClass=Accessories&Model=0;");}}drawMenus();

sergio_101 · Post by **sergio_101** » Tue Aug 23, 2005 7:21 pm

on more thing..

this is the error that i am getting..

Error: _WzI is not defined
Source File: http://red-red.dyndns.info:8000/ACP/mmenudom.js
Line: 20

thanks!

sergio_101 · Post by **sergio_101** » Tue Aug 23, 2005 7:43 pm

I GOT IT!!

//alwaysvisible=0;
//left=10;
//orientation="vertical";
//style=menuStyle;
//top=10;

this, at the top of my file, was the problem...

thanks all!