Javascript Menu by Deluxe-Menu.com
Javascript Menu

Template:






    - Horizontal or vertical orientation
    - Transition #14 - "fade out" effect
    - Relative/Absolute menu position
    - 85% transparency for sub menus
    - Text aligned to left
    - Cross-frame support - menus work on frameset-based pages
    - Image arrows
    - Several menus on one page




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

Menu Screenshots

Javascript Menu Java Script Sample

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Horizontal Javascript Menu Javascript Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu 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!
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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: From your website, I see that you are able to populate a menu through ASP/VB, but I have not been able to figure out how this is done.
How exactly do you use an ASP script to generate the menu items for the dynamic menu?

A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<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>
<!-- (c) 2006, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

Unfortunately we don't have examples with ASP and SQL.
The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html




Q: When I save the file in our folder all the icons stop showing.  I placed a image folder in our IE folder and still no icons are showing.

A: You should check all your paths.
Please, check that you have correct paths in the tmenuItems. Forexample:

 ["|Samples", "", "icon3_s.gif", "icon3_so.gif", "", "Samples Tip"],
   ["||Sample 1", "testlink.htm", "iconarrs.gif"],
   ["||Sample 2", "testlink.htm", "iconarrs.gif"],
   ["||Sample 3", "testlink.htm", "iconarrs.gif"],
   ["||Sample 4", "testlink.htm", "iconarrs.gif"],
You can also try to use the following parameter:

  var tpathPrefix_img = "img/";



Q: I am having a problem trying to figure out how to generate a link to javascript popup window.

A: You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you've added an image in your html page.
You should specify the ID for it, for example:

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

In the 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 manually. You should specify ID's - id="xxxx" for <a>, <div>, <img> ... tags.

Or you want to open a popup onMouseover, onClick or onMouseout on a link.

So, you should create a link (you can also use other object) on your page and set id="" for it, for example:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",


Q: If I use the Search Engine Friendly Code feature, do I have to update or redo it each time I change the drop menu script and save, or if I do it once to the file will it automatically update on every save?

A: If you change drop menu script items (item's text and links) you should updateyour search engine friendly code. Deluxe Tuner doesn't update it onevery save (when you save your data file).

There is no need to update it when you change menu parameters only.



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