Java Script Horizontal Menu Buttons by Deluxe-Menu.com
Java Script Horizontal Menu Buttons

Template:

iPhone 19 Template - HTML CSS Menu






    - Special JavaScript API for changing javascript menu "on-the-fly"
    - UL/LI items structure
    - Several menus on one page
    - Hundreds of pre-designed templates
    - Search feature - add the search area in the menu and type symbols.
    - Unlimited number of sub levels
    - Image arrows
    - Submenus automatically scrolls




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

Menu Screenshots

Java Script Horizontal Menu Buttons Menu Drop Down Rollover

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

Features

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
Tree Menu Css Lists Javascript Java Script Horizontal Menu Buttons
Easy Setup
  • De Luxe Tuner. GUI interface to create your java script horizontal menu buttons 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!
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I used Deluxe Menu and generated a beautiful drop down navigation menu for our school web page. however, I am using MS FrontPage and apparently it is blocking the content. Whenever I bring it into the program all I get is a text drop down navigation menu. What am I doing or not doing?

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

1. create and save .js file with your menu parameters in Deluxe Tuner
2. open the page in Frontpage
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="data-deluxe-menu.js"></script>//your data file created in Deluxe Tuner
...
</body>
You should copy all engine files and images for the drop down navigation menu in "deluxe-menu.files/" folder and paste it in the same folder with you .html files.

Engine files:
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js

That's all.

It is possible that you'll have errors in the preview but your drop down navigation menushould work fine in the browser.



Q: I'm still having the issue with the sub-menus not being in the proper place, however I was able to fix the issue with menu now showing up in IE at all, it turns out I forgot a tag. So do you know why the sub-menu alignment changes depending on the browser window size? Either of the links below should give an example.


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your

css file -> inline css, for example:

You should add style="position:absolute;"

to the

<DIV id=navholder>

So, you'll have:

<DIV id=navholder style="position:absolute;">


Q: I'm trying to position my menus inside absolutely positioned <DIV> tags. If the <DIV> tag has style="position:absolute; top:100px; left:50px;" in the actual tag, deluxe-menu seems to work correctly. If I have the "position:absolute; top:100px; left:50px;" in a <STYLE> tag or a linked stylesheet and applied using id or class selectors, then deluxe-menu does not work correctly: sub menus have a 100pixel offset in the y direction and a 50 pixel offset in the x direction. This is with no change to the .js data file (I have absolutePos=0;) Is this a known issue, and is it planned to be fixed?


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your

css file -> inline css, for example:

For example, you should add style="position:absolute;"

to the

<DIV id=head>

So, you'll have:

<DIV id=head style="position:absolute;">
Now we have only such solution for this problem.
We'll try to fix this problem in the future versions.


Q: I've downloaded and installed the trial software and have built the example that came with it.

What I would like to do is make the sub items ("New Sample 1" - "New Sample 5") display when the user clicks "Sample Block 1", rather than having to click the little + sign next to it.


A: You should set the following parameter:

  var texpandItemClick=1;

Try that.


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