Dhtml Sliding Menu Example by Deluxe-Menu.com
Dhtml Sliding Menu Example

Template:






    - Items with icons
    - Horizontal or vertical orientation
    - Status string shows item labels
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - 85% transparency for sub menus
    - Submenus automatically scrolls
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Text aligned to left




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

Menu Screenshots

Dhtml Sliding Menu Example Javascript Scroll Drag

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

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml sliding menu example menus easily and in no time
  • Sensible menu parameters for manual editing
How To Create Pull Down Dhtml Sliding Menu Example
Cost Effective
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I have a issue involving the location of the files.

What is the correct method of referencing the webroot (document root) in the deluxe tuner?

I ask because I have some pages that are in a sub folder on the server.
eg. index page is http://www.domain.com/index.html
but another page might be at
http://www.domain.com/somedir/somepage.html

And then the references do not work.
Currently I am editing the data.js file after saving it in deluxe tuner.


A: If you want to use relative paths you should write your links in thefollowing way.

If you have, for example such file structure:

     deluxe-menu_files/
      dmenu.js
      data.js
     images/
     html_pages/
      page1.html
      page2.html

     index.html

So, you should write write all your paths concerning index.html file.
For example, you paths will be:
    ["HOME","html_pages/page1.html", , , , "_self", "-1", , , ],
    ["ABOUT US","html_pages/page2.html", , , , , , , , ],

Unfortunately, Deluxe Tuner can't do it automatically. You shouldcorrect your paths manually.

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
    ["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: We are showing the "incorrect copyright" on our menu for some reason and I need you to look at the code. It's been this way for about a month. My company is going to make me stop using your menu if I can't get the issue corrected so please help me determine why we are suddenly having this problem.

The notice shows up on IE 6, but not IE 7.


A: "Incorrect Copyright" means that the script can't find required copyright parameters.
To avoid this, please, change:

<script type="text/javascript" language="JavaScript1.2" src="dmenu.js"></script>

to:

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


Q: We purchased your software and would like a way to give our users the ability to right click (or equivalent) and open a link in to a new window.

Is there a way to do this? If not, do you have a work around that people have found helpful.

As an example, I have a menu item that goes to http://www.google.com. Typically, it loads this in to one of our frames. However, I would like the end user to have the ability to either load it in to one of our existing frames or to load it in its own window.

A: You can try to write the following code for your items:

["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}



Q: Question is where in the data file configuration or within the menu Tuner would I inseart the icons for individual item labels and center them over the text or other alignments like you did in the horizontal menu on the deluxe-menu.com web site?


A: You should write, for example, so:

["<img src='data.files/micon1.gif' width=32 height=32><br> Home","testlink.html", , ,"" , , , , , ],


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