Dropdown Menu Dojo by Deluxe-Menu.com
Dropdown Menu Dojo

Template:

Dark Green Rounded Template - CSS Dynamic Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items
    - UL/LI items structure
    - Submenus go over all page objects
    - Image arrows
    - Filters and Transitional effects
    - Items with icons




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

Menu Screenshots

Dropdown Menu Dojo Navigation Images

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dropdown menu dojo menus easily and in no time
  • Sensible menu parameters for manual editing
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
Website Menu Code Dropdown Menu Dojo
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dropdown menu dojo 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

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 would eventually like to be able to distribute the javascript navigation menu with some of my templates, is this permitted with the Developer license?

A: With the Developer license you can use the menu on an unlimited numberof Internet or Intranet sites and on the local machines.

This version of the script doesn't check keys and it isn't bound to a domain name,so it can be used with an application that doesn't have a fixed domain name.



Q: Many thanks for your response.
What I meant to say was that the Deluxe tabs onmouseover maker did not include the vertical tabs as part of its repertoire and as a result, I was not able to produce it and integrate it into my page. I am not confident that I can edit the HTML adequately to make it work on my site if the Deluxe Maker did nod not generate it. I will look at this again and see if I reinstall the deluxe tuner whether it will generate the data for the vertical tabs.
Many Thanks for your assistance.

A: Set '$' symbol in the beginning of items text to start new row:

  var bmenuItems = [

["Item 39","", "", "", "", "", "", "", "", ],
["$Item 40","", "", "", "", "", "", "", "", ],
["$Item 41","", "", "", "", "", "", "", "", ],
["$Item 42","", "", "", "", "", "", "", "", ],
];

You can open the data file for this sample in Deluxe Tuner and changeit.

C:\Program Files\Deluxe Menus Trial\deluxe-tabs\tabs-vertical.js



Q: I've looked through the FAQ's till my eyes burned... I know how to collapse/expand all on page load, but can't find an answer to this specific question

I am using tsaveState=1 and tcloseExpanded=1 and that works great when navigating the javascript vertical tree menu. But I'd like to be able to tell the javascript vertical tree menu to collapse all the way on the initial page load, without resetting those first two variables.

for instance;

a user logs on, goes to the order page, uses the menu to navigate and place an order. After the order is processed through a php verification page, the user is directed back to the order page via the php header() function, with the menu still intact, and the values of the order updated.

But once the user navigates away from the order page, and then returns to complete another order, I'd like the menu items to all be collapsed.

If that's not an inherent design of your menu program, is there a variable that I can pass with the initial load that will cause a full collapse?

A: No, unfortunately there is no such parameter in Deluxe Tree.

But you can try to delete
  var tsaveState=1;
parameter from your data file and add it on your html page directly.

So, on your initial page you can set:
  var tsaveState=0;

and on other pages you should set:
  var tsaveState=1;

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