Jqueryui Tab Submenu by Deluxe-Menu.com
Jqueryui Tab Submenu

Menu Screenshots

Jqueryui Tab Submenu Fireworks Menu

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!
Cost Effective
Create Floating Navigation Bar Jqueryui Tab Submenu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jqueryui tab submenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your jqueryui tab submenu menus easily and in no time
  • Sensible menu parameters for manual editing
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



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: I have an image map of a graphic and I need to call my side navigation bar from an OnMouseOver in the image map…

A: You can try to use Popup Menu, see more info:
http://deluxe-menu.com/popup-mode-sample.html

See how you should call pop up menu

<img src="data-samples/images/popup_pic.gif" width=180 height=119 onmouseover="return dm_popup(0, 2000, event);" onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;">

You can create your menu using Deluxe Tuner application.




Q: When we use dhtml menus on our pages it appears behind Flash objects.

A: You should add "opaque" parameter for <object> and <embed> tags.

See, how you should install flash on your pages.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="150" width="732" name="if-header">
<param name="movie" value="images/flash/if-header.swf">
<param name="quality" value="best">
<param name="play" value="true">
<param name="wmode" value="opaque">
<embed height="150" name="if-header" pluginspage="http://www.macromedia.com/go/getflashplayer" src="images/flash/if-header.swf"
type="application/x-shockwave-flash" width="732" quality="best" wmode="opaque" play="true">
</object>




Q: Please tell me in very plan instructions how to load the dhtml menu slide on to a blank Front Page web page?


A: You should do the following things:

1. Create your menu in Deluxe Tuner.

2. Export the menu into html file "File/Export/To HTML".

3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).

4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)
or in any text editor. Open your index.html page and edit it.

Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.5. Add the following code in the tag:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript&ht;
<script type="text/javascript">>  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

and
<script type="text/javascript" src="data-deluxe-menu.js"></script>

in the place where you want to have the menu.
You can paste it in <table>, <div> tags.

For example:
<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>

6. Save your index.html page and open it in any browser.



Q: How do your users normally indicate which page a web visitor is on, by using your navigation bar submenu?

A: 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, for
example:

<noscript><a href="http://deluxe-menu.com">Javascript 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.