/    Sign up×
Community /Pin to ProfileBookmark

Popup Menu Issue

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/[/url] I am concerned with the Products & Services link.
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

to post a comment
JavaScript

0Be the first to comment 😎

×

Success!

Help @tarafenton spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...