Menu Html Colapsable by Deluxe-Menu.com
Menu Html Colapsable

Menu Screenshots

Menu Html Colapsable Vertical Menu Simple Html

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your menu html colapsable menus easily and in no time
  • Sensible menu parameters for manual editing
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
Create A Drop Down Menu Using Javascript Menu Html Colapsable
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu html colapsable samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: One question. I'm working on my site and I'm wondering why the background images disappear for a while after hovering over them, then reappear after a while.
Can you tell me how to stop this from happening?


A: ow you have such parameter:

  var itemBackColor=["#FFFFFF","#4792E6"];

The second color is the mouseover background color.


Q: I pushed the js files you attached and it fixed my Trial error message but now my left menus APPLMENU.JS and APPL2MENU.JS won't mouse over and won't open the submenus and it gives a javascript error.


A: Now you have several errors in you data files appl2menu.js andapplmenu.js.

Now you have
  var menuBackColor="cccccc";
  var menuBorderWidth="";
  var itemBorderWidth="";

This is not right.
Try to write them:
  var menuBackColor="#CCCCCC";
  var menuBorderWidth="0"; //this parameter cannot be empty
  var itemBorderWidth="0"; //this parameter cannot be empty


Q: I did not see how you get the content of link value of the tab to display below css tab menu.
The closet I got was to click a tab and havea second window open up wit the content of the link.


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", "", "", ],



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Expandable/Collapsible Menu that's accesible - WebDeveloper.com

Nov 27, 2007 ... I want to put all my links into a expandable/collapsible menu. ... The same applies to HTML and the forums [html][/html] tags

Joomla! • View topic - Template Contest Entry - [JA Purity]

Sep 22, 2007 ... If the the embedded menu is enable, some extra css and js file will be .... The module is excluded from the collapsible function now and the

LexAHK: syntax highlighting for Scintilla (SciTE, others?)

Readable, used for texts (docs, HTML text...) ..... or by choosing the language in the... language menu (defined in the menu.language property)

Collapsible menu not working correct in internet explore 8

Jul 29, 2010 ... You are in : Recent Topics » Using jQuery » Collapsible menu not working ... No i am using <!doctype html public "-//W3C//DTD HTML 4.01

Different menu-style - Wordpress Themes - WP Forum at BFA

Different menu-style Page & Category Menu Bars. ... meaning i can just copy paste stuff without doing html editing?

Foxconn Blood RAGE overclocking guide

Apr 22, 2009 ... Under this menu we want to disable PPM which will render EIST and CxE ... The last menu we want to look at right now is the All Voltage

Expanding Menus On Hover... :: Forum :: Indexhibit

I read the Tutorial: collapsable menu -Spanish where they introduce the thenine ... I was building on a html webpage, that looked like this

KTML for .NET Forum :: collapsible divs or tables in the editor?

is it possible to add code and save as a template in the ktml 4. i need a collapsible table or div, hiding or revealing info, the editor does not except

Quick guide to using your PS3 for Folding@Home - Hardware Canucks

Make sure you are in the XMB main menu, and navigate to the Life With ..... -f-h -team/16288-quick-guide-using-your-ps3-folding-home.html

How to build a collapsible menu using dijit.Tree | The Dojo Toolkit

Nov 5, 2008 ... Find the code for the collapsible menu below. Enjoy! - note this isn't a complete html file, only the code for adding the tree/menu

Pit Boss Folding Poker Table Review

Buy poker chips now on eBay. » Navigation Menu ..... BB code is On. Smilies are On. [IMG] code is On. HTML code is On. Trackbacks are On. Pingbacks are On

Free Accordion Menu R2 [Archive] - Interspire Forum

[Archive] Free Accordion Menu R2 Code Modification and Addon Releases. ... Collapsible is inactive if your event is equal to 'mouseover'. ..... Whilst in Header.html it knackers the account sign up form,

Collapsible Frame scripting... need help!

<frameset name="menu" cols="50%,50%"> <frame src="menu.html"></frame> ... <html> <head> <title>Collapsible Frames Script</title>

New animated guide - How to replace menus with VobBlanker

That's right, but you can remove "In this DVD", as multi-angle PGCs are prohibited in the menu domain anyway. So, unless the menu has been

Accordion Menu state-saving - jQuery Forum

Jun 23, 2009 ... $("#sub-menu").accordion({ autoHeight: false, collapsible: true, ... <h4><a href ="someotherpage1.html#cadet">Sub Item 1</ a></h4>

Collapsible menu for product options. | Ubercart

Collapsible menu for product options. Login or register to post comments ... and don't have any programming backgrounds, just know some html and css Smiling ... In almost all of the items in menu have options, such as size,

[SOLVED] Dolphin Ideas (with mockups) • KDE Community Forums

[url=http://forum.kde.org/dolphin-idea-collapsible-panels-t-38875.html] .... The rest of the options are all stuck in a single “view” menu in the menu bar,

PSPad forum / English discussion forum / A couple feature requests

No it is not, but you still have a standalone HTML menu in your menubar with different HTML only features, ppl could think they can ask for

RocketTheme • View topic - Tidy HTML

Aug 5, 2009 ... The HTML Tidy function makes an external call to a tidy service. .... The template has 35 module positions which are collapsible. ... of the inbuilt menu systems and is a requirement for the template menus to operate

Scripted Collapsible Menu - Flash Tutorials, flash help, action

There is code placed in three layers of the menu, the layers are : String Extensions : Array Extensions : Collapsible Menu Class Definition

Nice collapsible menu (html) - kirupaForum

Nice collapsible menu (html) Random. ... http://www.evolt.org/article/An_expl... 230/index.html for the tutorial... cheers

Trying to tweak Javascript for Collapsible Text - Zen Cart Support

COLLAPSIBLE MENU --> <!-- This goes into the HEAD of the html file --> <script language="JavaScript" type="text/javascript">

Categoriescollapsible menu based on navigation.xml - Alex Tech

Feb 8, 2010 ... Does anybody know how to build a collapsible menu based on the ... Very curious how you got to modify the way Z_Nav generates HTML

Free Accordion Menu R2 - Interspire Forum

Free Accordion Menu R2 Code Modification and Addon Releases. ... Collapsible is inactive if your event is equal to 'mouseover'. ... Edit Panels/SideCategoryList .html and replace <ul> with <ul id="accordion">