Javascript Slide Out Menu Picture by Deluxe-Menu.com
Javascript Slide Out Menu Picture

Template:

iPhone 4 Template - Expanding Dhtml Menu






    - Several menus on one page
    - Horizontal or vertical orientation
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Status string shows item labels
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - UL/LI items structure
    - Filters and Transitional effects
    - Submenus automatically scrolls




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

Menu Screenshots

Javascript Slide Out Menu Picture Javascript Text Transition

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
Transparent Javascript Menu Javascript Slide Out Menu Picture
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript slide out menu picture menus easily and in no time
  • Sensible menu parameters for manual editing
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!
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



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

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have inherited a project to finish which makes use of your java script tree menu.

I have not used your product. Is there a user’s guide/manual I can download?

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.

Deluxe Tuner v3.0 supports Deluxe Menu (http://deluxe-menu.com) &Deluxe Tree (http://deluxe-tree.com) & Deluxe Tabs (http://deluxe-tabs.com)

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" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the java script tree menu on the main window.

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


You can also use Individual Styles for items and subitems
http://deluxe-tree.com/individual-item-styles-info.html
http://deluxe-tree.com/individual-submenu-styles-info.html


2. You should install the java script tree menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
...
</head>


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

You should also copy all engine files
dtree.js
dtree_add.js
dtree_dyn.js
dtree_ajax.js
into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index. html page.

Try that.



Q: Thank you for your reply. I have run the example sent by you. Your dhtml menu example has horizontal menus and it hides all the menus.

But I am using xp vertical menu. In that I have Home,Sales,Customer Support,Reports,Access Control menus.

For Admin login I need all the menus including submenus.

But for employee login i need Home , Sales, Customer Support menus and i need only few sub menus only.

Please help me with this issue.

A: You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

More info:

http://www.deluxe-menu.com/functions-info.html



Q: When I add the menu to sites which are using ASP script the font color doesn't change when I roll over the menu, can you please have a look for me and explain whats up.


A: You're using CSS for your web pages.
You have set the font-color for the <TD> tag in an css style sheet file to #ed9c33.

Notice you should use CSS-based menu (CSS mode) if you're using CSSfor your TD tags (and for other objects).


Q: I want to set links in a text, which opens html pop up window and not to open the Window on start.

A: You can specify the ID of the element you want to click on.
Actions sections in Deluxe Tuner, onClick parameter.

1) You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you have:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page:
add id="open_popup" for <a>, <div>, <img> ... tags.

2) You can also use deluxePopupWindow.open() function to open the popups.

More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file
if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.

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