basedir='./'; _scrollAmount=5 // Only Used for Netscape 4 scrolling _scrollDelay=10 // Only Used for Netscape 4 scrolling _scrollUpImage=basedir+"images/uparrow.gif" // Only Used for Netscape 4 scrolling _scrollDownImage=basedir+"images/downarrow.gif" // Only Used for Netscape 4 scrolling _menuCloseDelay=500 // The delay for menus to remain visible on mouse off _menuOpenDelay=150 // The delay for opening menus on mouse over _subOffsetTop=0; // Sub menu offset Top position _subOffsetLeft=0; // Sub menu offset Left position Goverfilter = "Fade(duration=0.2);Shadow(color='#777777', Direction=135, Strength=3)" Goutfilter = "Fade(duration=0.4)" with(vertStyle=new mm_style()){ onbgcolor = "#242424"; offbgcolor = "#ffffff"; oncolor = "#ffffff"; offcolor = "#000000"; visitedcolor = "#000000"; bordercolor = "#000000"; borderstyle = "solid"; separatorcolor = "#dddddd"; separatorsize = 0; separatorpadding=1 padding = 4 borderwidth = 1 onborder="1px solid #000000"; overfilter = "Fade(duration=0.2);Alpha(opacity=100);Shadow(color='#777777', Direction=135, Strength=3)" outfilter = "Fade(duration=0.4)" fontsize = "75%"; fontstyle = "normal"; fontfamily = "Tahoma"; pagebgcolor = "#ffffff"; //ECF4F9 pageimage=basedir+"images/db_red.gif"; pagecolor = "#000000"; subimage = basedir+"images/black_13x13_greyboxed.gif"; onsubimage=basedir+"images/on_13x13_greyboxed.gif" headercolor = "#ffffff"; headerbgcolor = "#C1D7E4"; headerborder="1px solid #000000"; } with(horizStyle=new copyOf(vertStyle)){ overfilter = "Fade(duration=0.2);Alpha(opacity=100);Shadow(color='#777777', Direction=135, Strength=3)" outfilter = "Fade(duration=0.4)" //overfilter="Alpha(opacity=100);" //outfilter="Alpha(opacity=100);" borderwidth=1 separatorpadding=0 onborder=""; separatorcolor = "#999999"; onbgcolor = "#ffffff"; //#cccccc offbgcolor = "#eeeefd"; //FD0000 oncolor = "#000000"; offcolor = "#000000"; fontsize="8px"; fontweight="bold"; fontstyle="normal"; subimage=basedir+"images/downboxed.gif"; onsubimage=basedir+"images/on_downboxed.gif"; } //horizStyle.menubgimage="/images/menu_background_image.gif"; with(milonic=new menuname("mainmenu2")){ top = 90; left =350; border=1; /*top = 100; left =10;*/ style = horizStyle; alwaysvisible = 1; orientation="horizontal" aI("text=HOME;url=/index.php;title=Back to Home Page;"); aI("text=GALLERY;url=/gallery.php;title=Take a look at some of our products;"); aI("text=PARTS LIST;title=View Parts and Request a Quote;url=/parts.php;"); aI("text=CONTACT;url=/contact.php;title=Contact US;"); aI("text=TRACK;url=/track.php;title=Check Status on a Open Order;"); } sampleStyle=new copyOf(vertStyle) sampleStyle.fontsize="60%" sampleStyle.padding=2 with(milonic=new menuname("mm menusamples")){ style = sampleStyle; margin=3 overflow="scroll"; itemwidth=200; aI("text=Text Based Samples;type=header;align=center"); aI("text=Horizontal Navigational Menu;url=/menusample1.php;onfunction=showtip('Horizontal Navigational Menu
The most common of menu samples. This
sample allows for vertical pulldown menus
to appear from a horizontal main menu');"); aI("text=Vertical Navigational Menu;url=/menusample2.php;onfunction=showtip('Vertical Navigational Menu
Another common sample This time, the sub
menus are opened from a vertical main menu');"); aI("text=All Horizontal Menus;url=/menusample25.php;onfunction=showtip('All Horizontal Menus
If space is limited, this menu sample shows how
to open sub-menus in a horizontal orientation');"); aI("text=Using the popup function Fixed Position;url=/menusample3.php;onfunction=showtip('Using the popup function Fixed Position
The popup function is a built in feature
allowing menus to opened based on mouse
actions from other HTML objects');"); aI("text=Using the popup Positioned by Images;url=/menusample24.php;onfunction=showtip('Using the popup Positioned by Images
The popup function can also open menus
based on mouse action but also positioned
relative to an image');"); aI("text=Image Map Sample;url=/menusample4.php;onfunction=showtip('Image Map Sample
Image maps can be used to open menus using the popup
function based on the HTML object AREA');"); aI("text=Multiple Styles;url=/menusample5.php;onfunction=showtip('Multiple Styles
Demonstrating how to declare properties using different
menu styles. Separate styles can be declared for each
menu ora style can be used globally for every menu');"); aI("text=Menus and Tool Tips;url=/menusample6.php;onfunction=showtip('Menus and Tool Tips
Tooltips are a handy way of adding more information
informing the user how to navigate your website or
use your application incorporating the menu');"); aI("text=Multiple Colored Menus;url=/menusample7.php;onfunction=showtip('Multiple Colored Menus
');"); aI("text=Menu Items as Headers;url=/menusample8.php;onfunction=showtip('Menu Items as Headers
If yo uneed to separate blocks of menu items within
a single menu, Headers are a handy way of
segragating your menu items');"); aI("text=Windows XP Style Menus;url=/menusample12.php;onfunction=showtip('Windows XP Style Menus
If you like the look of the Microsoft Widows XP menus,
these can be replicated using the menu and a few images');"); aI("text=Windows 98 Style Menus;url=/menusample13.php;onfunction=showtip('Windows 98 Style Menus
The Microfost Windows 98 3D look & feel can be
acheived by adding high and low 3D colors to
your menu styles');"); aI("text=Functionality Samples Samples;type=header;align=center"); aI("text=Relative Positioning (Table Bound);url=/menusample9.php;onfunction=showtip('Relative Positioning (Table Bound)
Positioning menus relative to your web pages
flow can be acheived by setting the menu style
property position to relative');"); aI("text=Follow Scrolling;url=/menusample10.php;onfunction=showtip('Follow Scrolling
Keeping the menu available at all times no matter
where your user has scrolled to, can be acheived by
setting the followscroll property for your main menu');"); aI("text=Opening Windows & Frames;url=/menusample11.php;onfunction=showtip('Opening Windows & Frames
Opening links in other windows or other frames
is easy by using the target menu item property.');"); aI("text=Hiding DIVs when displaying menus;url=/menusample14.php;onfunction=showtip('Hiding DIVs when displaying menus
Older browsers have a problem with form objects
and other HTML objects that naturally sit higher in
the browser layer hiding the menu.
The workaround fr this is to use DIV hiding');"); aI("text=Activating MouseOver & MouseOut Functions;url=/menusample15.php;onfunction=showtip('Activating MouseOver & MouseOut Functions
onfunction, offfunction and clickfunction are
built in features that allow you to add
custom JavaScript to several menu events');"); aI("text=Dynamic Dragable Menus;url=/menusample22.php;onfunction=showtip('Dynamic Dragable Menus
By setting your menus type to be draggable
this will allow for your users to move
main menus by drag and drop');"); aI("text=Positioning with screenposition & offsets;url=/menusample23.php;onfunction=showtip('Positioning with screenposition & offsets
Setting the position of menus using screenposition
is a handy way of ensuring that your menus will
always be centered or positioned exactly how
you need');"); aI("text=100% Width Span Menu;url=/menusample26.php;onfunction=showtip('100% Width Span Menu
Spanning the menu to 100% of the browser width
will allow for the menu to become a page separator');"); aI("text=Context Right Click Menu;url=/menusample27.php;onfunction=showtip('Context Right Click Menu
Context menus are easily configured with the
Milonic DHTML Menu. No special requirements are needed
Except for a small custom JavaScript module');"); aI("text=Image Based Samples;type=header;align=center"); aI("text=Static Images Sample;url=/menusample16.php;onfunction=showtip('Static Images Sample
Inserting images inside menus is made easy
with the use of the image property for menu items');"); aI("text=Rollover/swap Images;url=/menusample17.php;onfunction=showtip('Rollover/swap Images
Swaping images on mouse over can be acheived
by setting the image and onimage properties
for your menu items');"); aI("text=Menus built from images;url=/menusample18.php;onfunction=showtip('Menus built from images
If you prefer to build your menus completely
from images this is easily possible, let
the menu take care of your images.');"); aI("text=Images as Menu Backgrounds;url=/menusample19.php;onfunction=showtip('Images as Menu Backgrounds
Adding a background image to your menus can
vastly improve the apperance of otherwise dull
backgrounds.');"); aI("text=Background Menu Item Images;url=/menusample20.php;onfunction=showtip('Background Menu Item Images
Each menu item can have its own background image.
Text can be overlaid meaning you only need to build
and download one image');"); } with(milonic=new menuname("mm my milonic")){ style = vertStyle; top="offset=2" margin=3 aI("text=View/Edit My Details;url=/mydetails.php"); aI("text=Change My Password;url=/changepw.php"); aI("text=My Licenses;url=/mylicenses.php"); aI("text=My Invoices;url=/myinvoices.php"); aI("text=Pay My Invoices;url=/paymyinvoices.php"); aI("text=My Discounts;url=/mydiscounts.php"); //aI("text=My Support;url=/mysupport.php"); //aI("text=Renew my License & Upgrades;url=/renewlicense.php"); //aI("text=Purchase a new license;url=/purnewlicense.php"); aI("text=My Orders;url=/myorders.php"); } drawMenus() // Add this bit if you haven't finished building menus yet. clearTimeout(_mst) _mst=null _startM=1