Hello,
I have created a popup menu using javascript, it works and looks great, except that the if the item has a dropdown menu that item can not be used as a link. Here is where the site is located [url]http://10.0.1.2/admin/newUWT/
And here’s the code
// ‘horizontal Bar’ style: menu items that use this ItemStyle are 40px wide, have 10px gaps
// between them, no popout indicator (the “>” in some menus) or popout indicator position,
// 0px padding of the text within items, #336699 background colour, a hover colour of #6699CC,
// ‘highText’ is the stylesheet class used for the menu text both normally and when highlighted,
// no border styles, ‘null’ means fully opaque items (set them to numbers between 0 and 100 to
// enable semitranslucency), and the ‘hand’/’default’ cursors are used for linked/submenu items.
var hBar = new ItemStyle(100, 10, ”, 0, 0, ’15#26269e’, ’10#FF6300′, ‘highText’, ‘highText’, ”, ”,
null, null, ‘hand’, ‘default’);
// The ‘sub Menu’ items: these have popout indicators of “Greater Than” signs “>” 15px from their
// right edge, and CSS borders. Text class also changes on mouseover.
var subM = new ItemStyle(22, 0, ‘>’, -15, 3, ‘#26269e’, ‘#FF6300’, ‘lowText’, ‘lowText’,
‘itemBorder’, ‘itemBorder’, null, null, ‘hand’, ‘default’);
// ‘subBlank’ is similar, but has an ‘off’ border the same colour as its background so it
// appears borderless when dim, and 1px spacing between items to show the hover border.
var subBlank = new ItemStyle(22, 1, ‘>’, -15, 3, ‘#CCCCDD’, ‘#6699CC’, ‘lowText’, ‘highText’,
‘itemBorderBlank’, ‘itemBorder’, null, null, ‘hand’, ‘default’);
// The purplish ‘button’ style also has 1px spacing to show up the fancy border, and it has
// different colours/text and less padding. They also have translucency set — these items
// are 80% opaque when dim and 95% when highlighted. It uses the ‘crosshair’ cursor for items.
var button = new ItemStyle(22, 1, ‘>’, -15, 2, ’10#006633′, ’10#CC6600′, ‘buttonText’, ‘buttonHover’,
‘buttonBorder’, ‘buttonBorderOver’, 80, 95, ‘crosshair’, ‘default’);
// Create a PopupMenu() object, and pass its own name so it can reference itself later on.
// We also use a ‘with’ block to work with its properties and functions below.
var pMenu = new PopupMenu(‘pMenu’);
with (pMenu)
{
// Here’s what the values in the next startMenu() command mean, in order:
// ‘root’: the name of this menu.
// false: orientated as a horizontal menu (true creates a vertical menu).
// 10: the ‘left’ offset of this menu in pixels.
// 0: the ‘top’ offset of this menu in pixels.
// 17: the height of this menu (for vertical menus, this becomes the menu width).
// hBar: the ItemStyle used to give this menu colours and layout/formatting.
// ”: this menu does not display within a frame (see the Frameset Example Script to do that).
// false: this menu shows submenus on mouseover. ‘true’ means show on click.
//
// Most of the items are ‘sm:’ items popping out submenus, except the last ‘js:’ JavaScript command
// to pop open a new window. I’ve also given each item a length in pixels, overriding the ItemStyle.
startMenu(‘root’, false, 10, 93, 17, hBar, ”, false);
addItem(‘Products & Services’, ‘mPS’, ‘sm:’, null, 150);
addItem(‘View Rates’, ‘ratesrequest.asp’, ”, null, 75);
addItem(‘FAQs’, ‘faq.html’, ”, null, 45);
addItem(‘Sign Up’, ‘PreSignup.asp’, ”, null, 60);
addItem(‘Support’, ‘mSupport’, ‘sm:’, null, 65);
addItem(‘Affiliates’, ‘affiliate.html’, ”, null, 65);
addItem(‘Corporate’, ‘mCorporate’, ‘sm:’, null, 80);
// This is a vertical menu positioned 0px across and 22px down from its trigger, and is 80px wide.
// The URLs are set to # here, be sure to replace them with your path/file names or JS functions!
// Also note how the types are ”, indicating these links open in the current frame/window.
// The last item here changes its text on mouseover (^ separates the two strings), links to my site,
// and has a custom ItemStyle and length specified so it’s longer than the rest.
startMenu(‘mPS’, true, 0, 22, 150, subM, ”, false);
addItem(‘International Callback’, ‘international_call_back.html’, ”);
addItem(‘Virtual Calling Card’, ‘virtual_calling_card.html’, ”);
addItem(‘USA Call Connect’, ‘USA_call_connect.html’, ”);
addItem(‘USA Mobile Connect’, ‘USA_mobile_connect.html’, ”);
addItem(‘CallMe800’, ‘call_me_800.html’, ”);
addItem(‘CallMyUSNumber’, ‘call_my_us_number.html’, ”);
any suggestions will be greatly appreciated.
Thanks,
Tara