Javascript Menu Samples by Deluxe-Menu.com
Javascript Menu Samples

Template:

iPhone 5 Template - Cascading CSS Menu






    - Relative/Absolute menu position
    - Status string shows item labels
    - Inactive/Disabled items
    - UL/LI items structure
    - Items with icons
    - Submenus automatically scrolls
    - Filters and Transitional effects
    - Cross-frame support - menus work on frameset-based pages




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

Menu Screenshots

Javascript Menu Samples Mac Compatible Dhtml Menu Xml

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

Features

Cost Effective
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
Drop Down Vertical Javascript Javascript Menu Samples
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
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu samples 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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I would like when I click on what ever link of the php dhtml menu that the visited link stay in a different color and with a different background

A: Deluxe Tree doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function dtreet_ext_setPressedItem (menuInd, itemID)

Please, see here:
http://deluxe-tree.com/functions-info.html

You can also set
  var tsaveState = 1;

More info you can find
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.htm

To expand specific items you should use API functionfunction dtreet_ext_expandItem (itemID, expand)

Q: I am interested in purchasing your product (in particular – Mac Tabs). I downloaded a trial to test Mac Tabs. The trial Mac Tabs is not the same as shown on your website where the “links” appear horizontally under the “tab”. In this trial version the “links” appear as tabs also and not in a horizontal bar under the tab.

In testing the XP Tabs trial, I found it worked correctly.

Is there something wrong with the trial version of Mac Tabs?


A: See, if you want to add links to the tabs you should create your tabmenu in Tab mode.
  var tabMode=1;

You can find all instructions how to create such tabs in the Templatewindow "MAC" tab.

You should add subitems for the items and assign Tab Style for thesubitems.

For example try to use MAC Style 2 Tab Mode.


Q: I cannot see the arrow.gif's in my rollover drop down menu.

Here is my code:
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowWidthSub=0;
  var arrowHeightSub=0;
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Do I need to put the arrow's somewhere else?

A: You should check the following parameter:

  var pathPrefix_img="data-samples/images/";

Please check that you have the correct path to your aroows relative to the folder withindex.html file.

For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html

In menu.js file you should write:
  var pathPrefix_img="menudir/";
  var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
  var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];

or
  var pathPrefix_img="";
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Q: Is it possible to change the background color of just one of the menu buttons within a javascript expand menu?

A: Yes, it is possible.
Use Individual Item Styles.

Create Individual Item style and assign it to your submenu items usingDeluxe Tuner.

  var itemStyles = [
["itemBackColor=#800000,#FF8080"], //style0
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "","", "", ],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...

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