Hide Submenu With Javascript Cross Domain by Deluxe-Menu.com
Hide Submenu With Javascript Cross Domain

Template:

iPhone 2 Template - Sliding Dhtml Menu






    - Personal CSS styles for separate menu elements
    - Submenus automatically scrolls
    - Filters and Transitional effects
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Hundreds of pre-designed templates
    - Status string shows item labels
    - Several menus on one page
    - Special JavaScript API for changing javascript menu "on-the-fly"




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Hide Submenu With Javascript Cross Domain Menus Desplegables En Java

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Cost Effective
Web Page Menus Code Hide Submenu With Javascript Cross Domain
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I want to change the background color of one of the menu items of the menu horizontal.If I understand correctly I go to INDIVIDUAL STYLES and should be able tochange the background color for one of the menu items there. Under item appearance I tried to change itemBackColor - but I can't seem to make it take affect (I tried clicking OK but its under the Style Names, so thats probably not it.

Please advise.

A: You should click "Edit Individual Styles" button.

On the 'Item Styles' tab click "Add style" button.

Set itemBackColor and click "OK" button.

Select the item you want to change the style for and assign new style for it. Go to Item Parameters window 'Item style' field.

  var itemStyles = [
["itemBackColor=#EB2999,#590937"], //style0
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0



Q: Can I just have the date displayed without the time in the javascript calendar date selector?

A: But you can chose the output data format.

See more info:
http://www.calendardatepicker.com/parameters.html#param

calendarDatePicker.handlers( ['txt', 'txt', {type : 'date', format: '%d-%m-%Y'}] );

The result will be: 12-02-2009



Q: Well I figured all of that out but now I have a new problem.The content of the textarea tabs is not displaying in IE.

A: See, it is not correctly to use submenus in tabMode=0.

Now you have:
  var bmenuItems = [
["Why Choose Frictionsweb?","content1", "", "", "", "Why choose Frictionsweb Premium Internet Services?", "", "", "", ],
 ["|Our Services","content2", "", "", "", "We handle your project from the ground up!", "", "", "", ],
];

  var bmenuItems = [
["Specials","content3", "", "", "", "Great Deals from Frictionsweb!", "", "", "", ],
 ["|Our Services","content4", "", "", "", "We handle your project from the ground up!", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];

Try to write your bmenuItems in the following way:
  var bmenuItems = [
["Why Choose Frictionsweb?","content1", "", "", "", "Why choose Frictionsweb Premium Internet Services?", "", "", "", ],
["Our Services","content2", "", "", "", "We handle your project from the ground up!", "", "", "", ],
];

  var bmenuItems = [
["Specials","content3", "", "", "", "Great Deals from Frictionsweb!", "", "", "", ],
["Our Services","content4", "", "", "", "We handle your project from the ground up!", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];

Q: I'm having a difficult time figuring out how to get content into each "tab" for the dhtml tab menus.
I see that content can be put into div-tag or frame, but how is it referenced in tab so whensomeone clicks the tab,
it shows that content?
Is it the link variable in the MenuTuner? Can the content be a separate html page?

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],



Buy Now!   ::  Free Trial Download   ::  More Info