Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

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:35

attaching multiple menus to existing buttons..


Poster: sergio_101
Dated: Tuesday August 16 2005 - 15:54:15 BST

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!


Poster: Andy
Dated: Tuesday August 16 2005 - 17:12:25 BST

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

Hope this helps,
Andy


Poster: kevin3442
Dated: Wednesday August 17 2005 - 5:25:05 BST

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


Poster: sergio_101
Dated: Monday August 22 2005 - 8:27:43 BST

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!


Poster: sergio_101
Dated: Tuesday August 23 2005 - 19:16:29 BST

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:
<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:
_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();


Poster: sergio_101
Dated: Tuesday August 23 2005 - 19:21:47 BST

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!


Poster: sergio_101
Dated: Tuesday August 23 2005 - 19:43:50 BST

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!

©1998-2012 Milonic Solutions Ltd. UK Registered Company #4406835
Privacy Policy | License Agreement | Contact Us | Tech Support