Javascript To Generate Vertical Subsection Menu by Deluxe-Menu.com
Javascript To Generate Vertical Subsection Menu

Menu Screenshots

Javascript To Generate Vertical Subsection Menu Html Creating Drop Down Menu

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript to generate vertical subsection menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Dhtml Tree Drag Javascript To Generate Vertical Subsection 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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript to generate vertical subsection menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I have been evaluating your dhtml-tree product, for a potential use.

It does just about every thing I want apart from 1 thing:

I want each css dropdown menu item to (optionally) support the following syntax:

<a href="menu_link.html" onClick="return fnClickedLinked()">Menu Link</a>

I have worked out how to change the "menu_link.html", and also that it could be something like "javascript:fnClickedLinked()".

However I want the above syntax, where search engines can pick up the link and if my function returns false, the link is not followed when clicked.

Is this possible?

Or can I cancel the link navigation using the tree API node click event??

A: Actually you can add the html code inside item's text:

 ["|<a href="menu_link.html" onClick="return fnClickedLinked()">Menu Link</a>","", "", "", "", "Tip", "", "", "", "", ],

You can also try to use API function:

function dtreet_ext_userClick (itemID)
http://deluxe-tree.com/functions-info.html


Q: I am trying to create a multicolumn dhtml navigation menu and nothing appears when I upload it to my server. I am attaching my menu called menu.js that I have created and placed in a folder called menudir.

Can you please advise, thank you.

A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Deluxe Menu has only two states normal and mouseover.

Try to do the following things:
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">dhtml navigation menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem. You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: I want to use a Flash icon with sound next to the menu items, is this possible?


A: Yes, you can use a flash icon in the menu items.
See how you should install your flash icon:

  var menuItems = [

["<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' width='50' height='50'><param name='movie' value='data.files/bullet_orange.swf'><param name='quality' value='high'><embed src='data.files/bullet_orange.swf' quality='high' bgcolor='#FFFFFF' width='50' height='50' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'></embed></object>Home","testlink.html",""],
["Product Info",""],
 ["|Features","testlink.html"],
 ["|Installation","testlink.html"],
...


Q: Is there an option for word wrap or do I have to create my javascript menu button if I want to have a 2-line menu item?

A: To wrap your text you can use the following javascript menu button parameter:

  var tnoWrap=0;

you can also use standard <br> tags.

 ["|Home aaaa aaaaaa aaaaaa<br>aaa aaaaaaaaaaa","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],