508 Jump Menu by Deluxe-Menu.com
508 Jump Menu

Menu Screenshots

508 Jump Menu Dhtml Form Drop Down Menu

Features

Cost Effective
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Cross Browser Drop Down Menu 508 Jump Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your 508 jump menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed 508 jump menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I used the drop menu creator to create a simple tab example, and I created a simple HTML file to display the tabs. It initially appears fine when the page first displays (e.g., the correct div is hidden), but when I *first* click on a tab I always get a javascript error deep in the .js code. Then I click around a bit between the tabs and get some display problems (no more javascript errors though), until finally the show/hide logic recovers and all looks ok.

The error I initially get is something like “tabs[…].id is not an object”. I have the IE7 debugger turned on, otherwise I might not ever see this error.

FYI, I tried your example menus on your web site and everything is fine! Maybe the .js files on your web site are not the same as those created by the generator?

A: You should set the following parameter in drop menu creator:

  var bselectedSmItem=0;



Q: I’ve tried every configuration available—absolute and relativepositioning and so on. I can’t get the menus to display correctly.

I have to offset the topDX by -150 and so on just to fudge it into a CLOSE position…it certainly doesn’t mirror the preview window


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 am trialing your tab menus at the moment and plan to use them on my website. I think they are excellent. I have been trying to work something out and hope you can help me. I have a nice menu set up, and want to change web pages when one of the tabs is clicked. How can the new page have the same java jump menu, but with a different tab activated? I can only seem to get this to work with a menu on a page that goes nowhere. I would have to pass a new value to bselectedItem but I don't know how.

A: Deluxe Tabs doesn't support API functions which can return theselected tab.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

Try that.



Q: In Firefox, the menu bar css is hidden behind Flash player. Anyway to fix this?


A: See fix for flash in Firefox here:

http://deluxe-menu.com/objects-overlapping-sample.html