Template:

iPhone 7 Template - Collapsible CSS Menu

    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Status string shows item labels
    - Search feature - add the search area in the menu and type symbols.
    - Items with icons
    - Horizontal or vertical orientation
    - Inactive/Disabled items
    - Top items and submenus have a shadow
    - Image arrows

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

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!

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

Menu Select Javascript Javascript Expand And Collapse Menu

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

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

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

2.0 Buttons by Web-Buttons.com v3.0.0

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

Javascript Menu. DHTML Menu.

Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I'd like to be able to right click on items in a collapsible menu and then pick actions to perform from a context menu
Is this possible?

A: You can use API functions

function dtreet_ext_userRightClick (itemID)

See more info here:

http://www.deluxe-tree.com/functions-info.html

Q: If I wanted to change the graphics at a later date in tab menu javascript (main top tabs, subtabs, etc.), how would I do that?

A: In that case you should open images I'm using for top tabs in any graph editor and changethem.

back.gif
back_o.gif //back images for normal and hover states for the last tabs in the top menu(instead of the 1-st 6 items)

sep_top.gif // separator for the top items

top1.gif
top1_o.gif //back images for normal and hover states for the 1-st tab, you can change thetext of this tab in deluxe-menu.js:

["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "", "", "5", "4", "", "", "", ],

By the way to apply hint for this item you should write:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "This hint appears when you hover over the 1-st item", "", "5", "4", "", "", "", ],

top2.gif
top2_o.gif //back images for normal and hover states for the 2-nd tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>PAIN</font><br>Identified<br>(Problems)","", "", "", "", "", "6", "", "", "", "", ],

and so on...

For the subtabs I'm use images for arrows only:
  var arrowWidthSub=8;
  var arrowHeightSub=8;
  var arrowImageSub=["deluxe-menu.files/arrow.gif","deluxe-menu.files/arrow_o.gif"]

Q: Two questions. First I get a "Error! Skin Load!" popup when my onmouseover popup window loads.
I see references to "skin.js". Is this supposed to be generated?

Secondly.

I am being really dense. I would like to use Deluxe Popup Windows in response to a mouse click on a picture. So far with deluxe Menu, I just put a statement like this:

<script type="text/javascript" src="rvmonitor.js"></script>
where I wanted the menu to show up. The web page loads and the Deluxe Menu displays.

I have managed to make the onmouseover popup window appear by using that code, the web page loads and the popup loads (with the skin error).

I know how to get a larger picture from a smaller one like this:

<a href="../images/Tige/CabinetMod/Tige_CabinetMod04.JPG">
<img class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasketmount">></a>

I just don't know how to put the rvmonitor.js into the <a href...></a> function. Could I have a simple example?

A: See, to install Deluxe Popup Window you should call two .js files onyour page:

<head>
...
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script> //engine file
</head>
<body>
...
<script type="text/javascript" src="deluxe-popup-window.js"></script> //data file
...
</body>

Copy deluxe-popup-window.files folder and deluxe-popup-window.js fileinto the same folder with your html page.

To open your window on mouse click you should do the following things:

<a title="Click to open the window" href="javascript:;"onclick="deluxePopupWindow.open('win', '<img class=\'border0\'src=\'../images/Tige/CabinetMod/Tige_CabinetMod04.JPG\' alt=\'Gasketmount\'>', 'Full Image', 'width=180,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite')"><imgmount\'>class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasket mount"></a>.

Q: .How customizable is it style in for dhtml navigation, meaning, i have images i want used for the top level navigation, and background images for the rest. any way I can achieve this?

A: Actually you can create any menu with Deluxe Menu. You can use Individual Styles tocreate your menu.
For example:

var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBorderWidth=0","fontStyle=normal 11px Tahoma",
"fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

var menuStyles = [
["menuBackColor=transparent","menuBackImage=back.gif","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
];

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

Blog

Templates

Popular Templates

Java Script Transparant Menu Zen Cart Animated Menus

Relative Dropdown Menus Menu Emergente Derecha Con Java

Javascript Menue Tree Php Collapsible Submenus

Select Menu Html Configuracion Dhtml Menu Drupal 6

Templates

Func. Samples

Pull Down Menu In Html

Rollover Popup Menu

Awards

Pulldown Menus Javascript Javascript Expand And Collapse Menu

Menus Using Javascript Javascript Expand And Collapse Menu

Html Css Collapse Menu Javascript Expand And Collapse Menu

Template of Day

Javascript Expand And Collapse Menu Floating Horizontal Menu

Twitter

More Q&A

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

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

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

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,

[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/

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

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

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

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

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

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

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

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

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

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')

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:

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

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

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,

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):

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>

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