Sliding Door Javascript Menu by Deluxe-Menu.com
Sliding Door Javascript Menu

Template:

iPhone 10 Template - CSS Floating Menu






    - Submenus go over all page objects
    - Text aligned to left
    - Relative/Absolute menu position
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Filters and Transitional effects
    - Image arrows
    - Status string shows item labels
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Sliding Door Javascript Menu Horizontal Tree Menu

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your sliding door javascript menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sliding door javascript menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Menu Systems Sliding Door Javascript 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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I really like floatable tree menus and want to add in this website.
I am not professional website developer … I’ve installed your trial software …
but not able to add tree menus in my website.
Can you pls guide me how I can add dhtml vertical menus in left side bar of website?

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu you like in Deluxe Tuner.

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Tree ) you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" on the main window.
You should set items and subitems parameters on the "Item Parameters" window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://www.deluxe-tree.com/parameters-info.html

You can also use Individual Styles for items and subitems.

2. You should install the tree menu on your page.
You can click, for example, File/Export to HTML.

Add several rows into your html page.
<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
<!-- (c) 2006 - 2007, http://deluxe-tree.com -->
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="menudir/data-tree.js"></script> </td></tr> //data-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>

You should also copy all engine files
dtree.js - menu engine file
dtree_add.js - additional module for floatable/movable menus
dtree_dyn.js - additional module with Javascript API to change the menu "on-the-fly"
dtree_ajax.js - additional module with the AJAX-like support

into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index.html page.

Try that.


Q: I use Namo WebEditor 2006 to edit our site.
I used your program to create a drop down menu but when I try to paste the script into my editor I don't get the menu. I have read your instructions and followed them step by step several times but I have had no success. Can you please assist me.


A: Deluxe Menu wasn't developed as Namo WebEditor 2006/Dreamweaver/Frontpage extension,
BUT you can use it as standard Javascript files. To install the menuinto your html page:

1. open the page in Namo WebEditor 2006/Dreamweaver/Frontpage
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:

http://deluxe-menu.com/installation-info.html

That's all.To create and configure your menus use Deluxe Tuner application(included into the trial package):http://deluxe-menu.com/deluxe-tuner-info.html


Q: Is there a parameter in Tree Menu I can add and/or adjust in data.js toforce the menu text to wrap and add here to a set menu width?


A: You should use
tags, for example:

  var tmenuItems = [
["line 1
line 2"],
];

Width of the menu you can set so:
  var tmenuWidth = "500px";
Try that.

Try to specify units in "px".
  var tmenuWidth = "182px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

You should set this parameter:
  var tmenuHeight = "auto";



Q: How about getting the entire side navigation bar to sit in the centre rather than left align?

A: You can set your menu in the <div> tag and use the alignment you need:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2009, http://deluxe-menu.com -->

<div align="center">
<script type="text/javascript" src="menudir/data.js"></script>
</div>

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