Features Pure Css Navigation Tree Menu Code

Seamless Integration

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

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly". Commonly loads quicker than other html page elements Runs well with an unlimited number of submenus and items

Cascading Menu Tutorial Tree Pure Css Navigation Tree Menu Code

Easy Setup

De Luxe Tuner. GUI interface to create your pure css navigation tree menu code menus easily and in no time Sensible menu parameters for manual editing

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed pure css navigation tree menu code samples Hundreds of visual effects Custom CSS styles can be applied for all menu settings

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

  

Recent Questions Pure Css Navigation Tree Menu Code

Q: We are using your deluxe menu on our live site, but I have a question about the initial setup of the menu.

I need to update the site and a create a new version where the JavaScript Tree Menu is painted, but not initially displayed until the user has been validated. We are runing the entire site from a single page with multiple iFrames. I have been using the code document.getElementById('dm0m0').style.visibility = "hidden"; to hide the menu during startup, but I would rather have the floating menu hidden initially and then displayed as the user is validated and gain access to the functionality.

So the question is: Is there a property in the data.js file - or any other file - where the menu can be hidden initially until needed?

A: You can hide the menu onloaddocument.getElementById('dm0m0').style.visibility = "hidden";

And then show the floating menu when your user will be validated.

Q: I am contacting you on behalf of my client World of Envelopes as they currently use your menus. We are currently running their SEO campaign and would like to know what is search engine friendly about your new javascript hover menu?

Would it be possible for you to provide me with an example of a client that is currently using this new menu so I can assess the SEO ability of this menu.

A: You should generate search engine friendly code and install it on yourpage.
JavaScript Tree Menu is a search engine friendly menu since v1.12.
To create a search engine friendly javascript hover menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).

We use search engine friendly code on our website,
http://deluxe-menu.com

You can view source of the page.

Q: How can I add a separator to the vertical menu using the dynamic functions?
It seems as though the only way to get a separator into the menu is by defining itbefore hand, but the website I'm building will require me to reload themenus dinamically, and I'm losing the ability to put separators on it.

A: You should add items using the following function:

function dm_ext_addItem (menuInd, submenuInd, iParams)
or
function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Find more info:
http://deluxe-menu.com/functions-info.html

Set the following parameter:
  var dm_writeAll=1;

So, you should write:
dm_ext_addItem(0, 4,  ["|-", "", "", "", "", "", "", ])

Q: When a user clicks on a javascript flyout menu item, I want to run a javascript function.

How can I do this in the data file?

A: You can use your own Javascript code instead standard javascript flyout menu links. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];