Javascript Floating Box by Deluxe-Menu.com
Javascript Floating Box

Menu Screenshots

Javascript Floating Box Html Menu Example Cascading

Features

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
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
Dhtml Javascript Xp Menu Javascript Floating Box
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: Do you have a version where the javascript expand menu does not disappear when someone clicks on it?


A: If you set the value <-1 of smHidePause parameter
your submenus won't be hidden at all, untill you reload your page.


Q: Is there any way to change the font size of the secondary and tertiary links but yet have a different font size for the primary links?


A: You can use different font style for each link on each level.
You should use Individual Item Styles.
Please, use Dhtml Tuner application to create individual styles.

For example:

// --- DHTML Tuner style names ---
  var tstylesNames=["Individual Style 1","Individual Style 2","Individual Style 3","Individual Style 4","New Individual Style",];
  var tXPStylesNames=["Individual Style 1",];

  var tstyles = [
["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
//style 0 ["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#215DC6,#428EFF","tfontDecoration=none,none"],
//style 1 ["tfontDecoration=none,none"],
//style 2
["tfontStyle=normal 8pt Tahoma","tfontColor=#013D6D,#5555FF"],
//style 3
["tfontStyle=bold 11px Bookman Old Style","tfontColor=#000000,#000000","tfontDecoration=none,underline"],
//style 4
];

  var tmenuItems = [

["+DHTML Menus","", "images/xpicon1.gif", , , "DHTML Menus", , "0", , , , ],
//style 0
 ["|DHTML Menu","http://dhtml-menu.com", "images/icon1.gif", "images/icon1o.gif", "images/icon1o.gif", "Information", "_self", , , , , ],
 ["|+DHTML Tree Menu","", "images/icon1.gif", "images/icon1o.gif", "images/icon1o.gif", "Support", "_self", "2", , , , ],
//style 2
   ["||2 styles: standard & XP","", , , , , , "3", , , , ],
//style 3
   ["|||Item 23","", , , , , , "4", , , , ],
//style 4
   ["|||Item 24","", , , , , , , , , , ],
   ["||Individual Item & Submenu Styles","", , , , , , "3", , , , ],
//style 3
   ["||Floatable & Movable Menu","", , , , , , "3", , , , ],
//style 3
....


Q: I want to use java sliding menu Deluxe as a data-entry system. I can see how to use the dynamic facilities to allow the user to create and populate nodes but at the end of the client's work I would like them to hit 'submit' on a form and pass all data they have created to the server for processing. How do I pass the data back to the server in the java sliding menu?

A: You are able to paste any html code within java sliding menu items.

For example:

  var tmenuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='searchthe web' size=15 style='font-size:10'>&nbsp;<INPUT type=hidden name=cof value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'> </form></nobr>","", "images/icons/search.gif", "", "", "", "", "", "", "", "",],

You should write your own code within menuItem.



Q: Please advise on how to install a created js popup window to an html page linked to text.

A: For example you want to open your popup window when you click the link on your page.

You should do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:

<a href="javascript:;" id="win1">Click Here to see a window</a>

2) Create a popup window in Deluxe Tuner. Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows
content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section) and add
the content in HTML Content window,
for example:
<div style="text-align:center;"><b>Sample content</b></div>

This is a simple HTML code for content. Here you may also set link to content page or ID of some element.

3) In the 'Actions' section specify the id of your link (win1) for the onClick event.

4) Select the template you want to use.

5) Export your popup window to HTML page. File -> Export -> To HTML. Save it in any testfolder.
So, you'll have:
deluxe-popup-window.files/
deluxe-popup-window.html
deluxe-popup-window.js

6) Open the generated deluxe-popup-window.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:


<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->

7) Copy 'deluxe-popup-window.files/' folder and deluxe-popup-window.js file into the same
folder with your index.html (root folder of your website).