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: Archived Topics for the old Version 3.0 JavaScript Menu
Forum Topic: Click to view post
Last Updated: Wednesday July 18 2012 - 06:07:35

Separators not showing on main menu


Poster: jryoung
Dated: Sunday June 16 2002 - 4:36:18 BST

I am trying to get separators to show on the main menu, much like is on the milonic website, but they won't show. I have a 1 at the end of the line (e.g. ,"Die Cast","show-menu=diecast",,"",1). The separator doesn't show. I can get submenus on sub menus but not on the main menu. It's probably something dumb that I'm missing. Any help?


Poster: dagon
Dated: Sunday June 16 2002 - 18:09:25 BST

Your line seems ok. Can you post your entire menu_array.js or tell me an url where I can check where's the trouble?

Separator helpp.


Poster: jryoung
Dated: Monday June 17 2002 - 0:29:47 BST

Here's the code...

Thanks for your help.

http://www.collectiveracing.com/cgi-bin/crsstore.cgi


////////////////////////////////////
// Editable properties START here //
////////////////////////////////////

// Special effect string for IE5.5 or above please visit http://www.milonic.co.uk/menu/filters_sample.php for more filters
if(navigator.appVersion.indexOf("MSIE 6.0")>0)
{
effect = "Fade(duration=0.2);Alpha(style=0,opacity=100);Shadow(color='#777777', Direction=135, Strength=5)"
}
else
{
effect = "Shadow(color='#777777', Direction=135, Strength=5)" // Stop IE5.5 bug when using more than one filter
}


timegap=500 // The time delay for menus to remain visible
followspeed=2 // Follow Scrolling speed
followrate=20 // Follow Scrolling Rate
suboffset_top=10; // Sub menu offset Top position
suboffset_left=10; // Sub menu offset Left position

style1=[ // style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
"navy", // Mouse Off Font Color
"FFFACD", // Mouse Off Background Color
"FFBF34", // Mouse On Font Color
"A40000", // Mouse On Background Color
"000000", // Menu Border Color
12, // Font Size in pixels
"normal", // Font Style (italic or normal)
"bold", // Font Weight (bold or normal)
"Verdana, Arial", // Font Name
4, // Menu Item Padding
"../images/orange3darrow.gif", // Sub Menu Image (Leave this blank if not needed)
, // 3D Border & Separator bar
"66ffff", // 3D High Color
"000099", // 3D Low Color
"225588", // Current Page Item Font Color (leave this blank to disable)
"FECB66", // Current Page Item Background Color (leave this blank to disable)
, // Top Bar image (Leave this blank to disable)
"ffffff", // Menu Header Font Color (Leave blank if headers are not needed)
"000099", // Menu Header Background Color (Leave blank if headers are not needed)
"navy", // Menu Item Separator Color
]


addmenu(menu=[ // This is the array that contains your menu properties and details
"mainmenu", // Menu Name - This is needed in order for the menu to be called
92, // Menu Top - The Top position of the menu in pixels
10, // Menu Left - The Left position of the menu in pixels
, // Menu Width - Menus width in pixels
1, // Menu Border Width
, // Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle"
style1, // Properties Array - this is set higher up, as above
1, // Always Visible - allows the menu item to be visible at all time (1=on/0=off)
"left", // Alignment - sets the menu elements text alignment, values valid here are: left, right or center
effect, // Filter - Text variable for setting transitional effects on menu activation - see above for more info
1, // Follow Scrolling - Tells the menu item to follow the user down the screen (visible at all times) (1=on/0=off)
0, // Horizontal Menu - Tells the menu to become horizontal instead of top to bottom style (1=on/0=off)
, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on/0=off)
, // Position of TOP sub image left:center:right
, // Set the Overall Width of Horizontal Menu to 100% and height to the specified amount (Leave blank to disable)
, // Right To Left - Used in Hebrew for example. (1=on/0=off)
, // Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off)
, // ID of the div you want to hide on MouseOver (useful for hiding form elements)
, // Background image for menu when BGColor set to transparent.
, // Scrollable Menu
, // Reserved for future use
,"Home",sLink + "mainpage",,"Back to the home page",1 // "Description Text", "URL", "Alternate URL", "Status", "Separator Bar"
,"Fantasy Racing","# type=header;align=center",,"",1
,"Free!!","wishpage.html",,,0
,"Cheap-O","FRCheap.html",,,1
,"In-the-Bucks","FRBucks.html",,,0
,"Collectables","# type=header;align=center",,"",0
,"New Arrivals","newarrivals.html",,"",0
,"Hot Sales - Super Specials","hotsales.html",,"",1
,"Cards","show-menu=cards",,"",1
,"Die Cast","show-menu=series",,"",1
,"Drivers","show-menu=drivers",,"",1
,"Series","show-menu=series",,"",1
])

addmenu(menu=["fantasyracing",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Free!!","wishpage.html",,,0
,"Cheap-O","FRCheap.html",,,0
,"In-the-Bucks","FRBucks.html",,,0
])


addmenu(menu=["collectables",
,,130,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Cards","show-menu=cards",,,0
,"Die Cast","http://www.msnbc.com",,,1
,"Drivers","http://www.abcnews.com",,,0
,"Series","show-menu=canadanews",,,0
,"Size","http://news.bbc.co.uk",,,1
,"Miscellaneous","http://news.bbc.co.uk",,,0
])

addmenu(menu=["cards",
,,160,1,"",style1,,"left",effect,,,,,,,,,,,,
,"New Cards",sCat + "Race Cards;New Cards",,,
,"Single Cards",sCat + "Race Cards;Singles",,,
,"Sets of Cards",sCat + "Race Cards;Singles",,,
,"Supplies",sCat + "Race Cards;Supplies",,,
])

addmenu(menu=["drivers",
,,160,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Burton, Jeff",sCat + "Drivers;Jeff Burton",,,0
,"Earnhardt, Dale",sCat + "Drivers;Dale Earnhardt",,,0
,"Earnhardt, Dale Jr.",sCat + "Drivers;Dale Earnhardt Jr.",,,0
,"Gordon, Jeff",sCat + "Drivers;Jeff Gordon",,,0
,"Harvick, Kevin",sCat + "Drivers;Kevin Harvick",,,0
,"Jarrett, Dale",sCat + "Drivers;Dale Jarrett",,,0
,"Labonte, Bobby",sCat + "Drivers;Bobby Labonte",,,0
,"Labonte, Terry",sCat + "Drivers;Terry Labonte",,,0
,"Marlin, Sterling",sCat + "Drivers;Sterling Marlin",,,0
,"Martin, Mark",sCat + "Drivers;Mark Martin",,,0
,"Park, Steve",sCat + "Drivers;Steve Park",,,0
,"Rudd, Ricky",sCat + "Drivers;Ricky Rudd",,,0
,"Stewart, Tony",sCat + "Drivers;Tony Stewart",,,0
,"Wallace, Rusty",sCat + "Drivers;Rusty Wallace",,,0
,"Waltrip, Darrell",sCat + "Drivers;Darrell Waltrip",,,0
,"Waltrip, Michael",sCat + "Drivers;Michael Waltrip",,,0
])



addmenu(menu=["series",
,,160,1,"",style1,,"left",effect,,,,,,,,,,,,
,"Winston Cup",sCat +"Diecast;Winston Cup",,,0
,"Busch","show-menu=sizesbusch",,,0
,"Super Trucks",sCat +"Diecast;Super Trucks",,,0
,"NHRA",sCat +"Diecast;NHRA",,,0
,"Dirt/Sprint",sCat +"Diecast;Dirt/Sprint",,,0
])

addmenu(menu=["sizesbusch",
,,120,1,,style1,0,"left",effect,0,,,,,,,,,,,
,"1/18",sCat + "Diecast;Busch",,,1
,"1/18",sCat + "Diecast;Busch;1/18",,,0
,"1/24",sCat + "Diecast;Busch;1/24",,,0
,"1/43",sCat + "Diecast;Busch;1/43",,,0
,"1/64",sCat + "Diecast;Busch;1/64",,,0
,"1/144",sCat + "Diecast;Busch;144",,,0
])

addmenu(menu=["search",
,,140,1,"",style1,,"",effect,,,,,,,,,,,,
,"<img src=google_icon.gif border=0>&nbsp;Google.com", "http://www.google.com",,,1
,"<img src=yahoo_icon.gif border=0>&nbsp;Yahoo", "http://www.yahoo.com",,,1
,"<img src=av_icon.gif border=0>&nbsp;Altavista", "http://altavista.com",,,1
,"<img src=excite.gif border=0>&nbsp;Excite", "http://www.excite.com",,,1
])

addmenu(menu=["Other",,,140,1,,style1,0,"left","randomdissolve(duration=0.5);Shadow(color='#999999', Direction=135, Strength=5)",0,,,,,,,,,,,
,"Menu Authors Site","http://www.milonic.co.uk/menu/",,"Milonic DHTML Menu Site",1
])


dumpmenus()


Poster: dagon
Dated: Monday June 17 2002 - 13:54:35 BST

The horizontal witdh variable is not set. I set it to 200 for your menu and the border became perfect!
Code:
200, // Menu Width - Menus width in pixels

Bye!