Template:

Google Style Template - Dhtml Pop Up Menu

    - Top items and submenus have a shadow
    - Sound support!
    - UL/LI items structure
    - Unlimited number of sub levels
    - 85% transparency for sub menus
    - Personal CSS styles for separate menu elements
    - Search feature - add the search area in the menu and type symbols.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".

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

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

Cost Effective

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

Cross Frame Drag And Drop Javascript Expand And Collapse Menu

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

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 still am unable to make content show for each menu with dhtml tab.

I can make it open a new webpage, but that isnt what I want.

What I want is when the visitor clicks a tab, then content for that tab shows, on the same page, and the tab menu still there.

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

You can use Object ID as well as Link in both modes. Use the following prefixes within menu with dhtml 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: I need to know how to have the background in the main items of the dynamic menu transparent, and then the sub-menus a different translucent color.

A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","transparent"];

and use Individual Item Styles for your submenus:

  var itemStyles = [
["itemBackColor=#8EE8E1,#26BBB0"], //style0
["itemBackColor=#F4B7FB,#E65AF5"], //style1
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ], //style0
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "1", "", "", ], //style1
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
["|Parameters Info","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ], //style0
["|Dynamic Functions","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "1", "", "", ], //style0
["|Supported Browsers","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ], //style0
   ["||Windows OS","", "default.files/icon3.gif", "default.files/icon3o.gif", "", "", "", "", "", ],
   ["||Internet Explorer","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
   ["||Firefox","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
   ["||Mozilla","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
   ["||Netscape","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
   ["||Opera","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],
   ["||MAC OS","", "default.files/icon3.gif", "default.files/icon3o.gif", "", "", "", "", "", ],
   ["||Firefox","", "default.files/icon5.gif", "default.files/icon5o.gif", "", "", "", "", "", ],

Q: Please let us know how to select the font and background colors using the hexidecimal number?
We have another website and want to use the exact same color scheme.
We want to enter the number such as FF8080.

Hopefully, we can enter the hex numbers into this program.

A: You should write, for example, so:

  var menuBackColor = "#FF8080";
  var menuBorderColor = "#FF8080";
  var itemBackColor = ["#FF8080","#FF8080"];
  var itemBorderColor = ["#FF8080","#FF8080"];
  var fontColor = ["#000000","#FFFFFF"];

Q: We purchased your software and would like a way to give our users the ability to right click (or equivalent) and open a link in to a new window.

Is there a way to do this? If not, do you have a work around that people have found helpful.

As an example, I have a menu item that goes to http://www.google.com. Typically, it loads this in to one of our frames. However, I would like the end user to have the ability to either load it in to one of our existing frames or to load it in its own window.

A: You can try to write the following code for your items:

["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}

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

Blog

Templates

Popular Templates

Xp Javascript Menu Javascript Context Menu Example

Javascript Menu Crossframe Verticle Sliding Submenu

Templates

Func. Samples

Dhtml Xp List

Dhtml Coolmenu

Awards

Cascading Menus Javascript Expand And Collapse Menu

Javascript Folder Example Javascript Expand And Collapse Menu

Jscript Windows Menu Bar Code Javascript Expand And Collapse Menu

Template of Day

Javascript Expand And Collapse Menu Dhtml Static Menu

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