Template:

Dark Red Menu Template - Rollover Dropdown Menu

    - Unlimited number of sub levels
    - Relative/Absolute menu position
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Text aligned to left
    - Top items and submenus have a shadow
    - Horizontal or vertical orientation
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - UL/LI items structure

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

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

Menu Screenshots

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

Features

Easy Setup

De Luxe Tuner. GUI interface to create your javascript expand and collapse menu menus easily and in no time
Sensible menu parameters for manual editing

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed javascript expand and collapse menu samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Tree Menu Css Javascript Expand And Collapse Menu

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.

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

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

Recent Questions

Q: I got the tabs menu to work!

Can you tell me which file(s) I must change to change the content of each tab

Very many thanks for your help.

A: For each tab you can set content <div> (contentName,contentDescription, contentVariations).

var bmenuItems =
[
["Style Name","contentName",,,,,"1"],
["-",,,,,,"0"],
["Style Description","contentDescription"],
["-",,,,,,"0"],
["Style Variations","contentVariations"],
["-",,,,,,"0"],
["Empty",,,,,,"2"],
];

You can find these divs in the tabs-style-glass.html file. You shouldpaste the content of your tabs in these divs.

Q: We are looking for documentation on how to use the onmouseover tab program. We purchased this also and we were not able to figure out the deluxe tab part.

A: You can find all documentation on our website, http://deluxe-tabs.com.

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

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

Q: I notice in your examples that your menus are horizontal and then drop down.
Is it possible to configure dhtml menu generator for vertical menus with submenus going left to right?

A: Yes, it is possible.
You should set the following parameter:

var isHorizontal=0;

Q: In javascriptcoding.

I have id of the submenu.

How can retrieve id of the parent menu?

A: You can try to use the following function

function dm_ext_getSubmenuParams (menuInd, submenuInd)

Returns submenu parameters in the array:
[submenu_id, items_count, parent_item_id, submenu_level, is_horizontal]

menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.

Using this function you can retrieve the parent_item_id.

More info see:
http://deluxe-menu.com/functions-info.html

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

Blog

Templates

Popular Templates

Javascript Xp Style Menu Explorer Jscookmenu Fusion

Javascript By Example Wordpress Theme Transparent Menu

Xp Menu Graphics Template Menu Horizontal Deroulant

Templates

Func. Samples

Javascript Tab Navigation Bar

Dhtml Menu Popup

Awards

Dynamic Pop Up Menu Javascript Expand And Collapse Menu

Menu Dhtml Menu Relative Position Javascript Expand And Collapse Menu

Javascript Floating Menu Samples Javascript Expand And Collapse Menu

Dropdown Tutorial Javascript Expand And Collapse Menu

Template of Day

Javascript Expand And Collapse Menu Explorer Style Menu Html

Twitter

More Q&A

AJAX expand/collapse is delayed, help

AJAX expand/collapse is delayed, help.. ... Yeah..that's because with javascript collapse the content to be displayed is already on the page

[jQuery] Expand and collapse a list - jQuery Forum

[jQuery] Expand and collapse a list. by. mofle. on 11-Feb-2009 08:08 AM. in Using jQuery ... <script type="text/javascript" src="http://ajax.googleapis.com/

collapse and expand does not work - Ideal Forum

extension (component, module, plugin) development.. collapse and expand does not ... such as menus and slideshows; Your template or other extensions (modules, ... This should be on by default because MooTools is the default Javascript

Expand Text on Click - CSS - Forums - DMXzone.COM

<div id="expand" style="display: none;"><a href="javascript: expandCollapse('expand', 'on');">Collapse Layer</a>&lt

Scratch Live version 1.9.0 | Serato.com

Apr 20, 2009 ... Click on the triangle icon next to the iTunes library playlist to expand and collapse the iTunes Library. - When you uncheck 'read iTunes

FLEXIcontent • Afficher le sujet - Accordion, tree or sliding menus

Mar 11, 2010 ... What i need is a collapsible/expandable menu based on category selection, ... / mod_flexitree_menu/javascript/jquery-1.2.6.min.js"></script>

Free Accordion Menu R2 - Interspire Forum

Free Accordion Menu R2 Code Modification and Addon Releases. ... will expand and collapse the categories by inadvertently mousing-over a category. ... It is no longer necessary to download jquery-1.3.2.js in Step 1 or

Complete custom menu system (View topic) • OpenOffice.org

I then need to create a custom menu (cascading) that then will be shown to the user instead of ... Code: Select all Expand viewCollapse view: Sub hideallBars_inOOo2( ) .... Return to OOo Basic, Python, BeanShell, JavaScript. Jump to:

help with cogworks navigation package - Xslt - our.umbraco.org

Proper CSS :hover statements or JavaScript could now expand and collapse the menu in a more dynamic way. Regards,

Mobile Web Design Pattern: Expanding List - Forum Nokia Wiki

Nov 4, 2009 ... Image:23-expand-collapse.png ... In all cases where JavaScript is crucial to the interaction, ... Image:24-expand-collapse-native.png

Oxygen XML Editor • View topic - expand and collapse

I am trying to do an expand and collapse. I have created the xml which i have pasted .... xmlDoc = new ActiveXObject('Microsoft.XMLDOM')

How do I collapse all expanded folders (or vice versa) in

Nov 9, 2009 ... I'd like to see: expand all/collapse all in the right click menu, re sizable box , better sorting tools, But I must admit I'm more than happy

MacThemes Forum / [Theme] Gruppled LockInfo (Formerly "Tea LockInfo")

I think i might be stuck on this one, as im quite the javascript beginner ... or select what shows using the settings in LockInfo in settings menu. .... By editing the config.js file you can expand or collapse them from

Tutorial: Collapsable Menu -spanish :: Forum :: Indexhibit

you did not link de javascript file to your index page. .... I was able to make my menu expand using Rosses awesome tutorial

Expanding Navigation Menu onClick - Free website templates

This is a simple expand collapse menu. The anchor tags that expand each menu are added by JavaScript, so the HTML code doesn't contain any

ActiveWidgets • best way to expand/collapse summary rows

best way to expand/collapse summary rows. I'm looking for opinions: what is the best way to expand/collapse summary rows showing detail rows

Tutorial: Collapsable Menu -spanish :: Forum :: Indexhibit

If you want, you can use the following javascript. ... over at my site to make the 2nd and 3rd menu collapsable. .... everything about the web i just successfully made an expandable menu on my site studiodosis.com thanks

Expand/Collapse Paragraph - WebDeveloper.com

Expand/Collapse Paragraph JavaScript. ... So, I am using some javascript to display just the first 50 or so characters

Tigra Tree Menu Product Family - Tigra Tree Menu - Expand All

Tigra Tree Menu - Expand All & Collapse All. ... Here is the javascript to do the work (put it in tree.js):

jQuery Expand/Collapse Cookie HELP! - WebDeveloper.com

jQuery Expand/Collapse Cookie HELP! JavaScript. ... on a new portfolio where I have a pretty sweet expand/collapse area using jQuery,

Collapsable First Post using AJAX (or Last Post!) - vBulletin.org

Included JavaScript in USERCP_SHELL to allow expand/collapse of subscribed threads. Added a hover title to the expand icon to inform the

menu tree disappears when clicking on menu item

leaving the main menu items set to javascript:void(0) or b. ... This style of tree menu expands and collapses on mouse hover rather than

DHTMLX Forum • View topic - Not expand/collapse accordian cell

second and third have anchor tags, which when click call some javascript function, // We don't want to expand or collapse the accordian cell

Gantt chart grouped processes expand / collapse - please!!

Gantt chart grouped processes expand /... Expand / Collapse ... symbol next to the group name to expand/collapse that particular group within the chart. ... You cannot post JavaScript. You cannot post EmotIcons