Css Dhtml Menu by Deluxe-Menu.com
Css Dhtml Menu

Template:

iPhone 3 Template - Cross Browser Dhtml Menu






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Status string shows item labels
    - Horizontal or vertical orientation
    - Unlimited number of sub levels
    - Submenus dropdown on mouseover
    - Inactive/Disabled items
    - Relative/Absolute menu position
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Css Dhtml Menu Html Menu Sample

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css dhtml menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Dinamic Dhtml Menus Css Dhtml Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css dhtml menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am evaluating your Deluxe Tuner / Tab program and was wondering how to add content below the tabs, like you have on your site.

You have the tabs, then a content area below each tab. How is this done with your product.


A: You should use ID attribute of object to show in the second parameterof bmenuItems. You set it in the "Item Parameters" window ("Link"parameter).

You should also set:
  var tabMode = 0;

So, you'll have, for example, the following bmenuItems:
["tab text","div1", ...],
["tab text","div2", ...], Here "div1" and "div2" is IDs of objects within your html page, for example:
<div id="div1">text 1</div>
<div id="div2">text 2</div>

You can also see examples, which you can find in the trial package.


Q: Hi there, hope someone could help me out.

We have recently purchased your menu product, and I would like to know how I indicate on a javascript slide menu, the root node that was selected. So in other words, if I have a horizontal navigation and I select the 3rd index along the menu and select something from this, how can I make the 3rd index highlighted?

I am not sure how else to phrase this question and hope this makes sense. You help will be appreciated.

A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Slide Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem. You can't get this ID after you reload your page. That is why you should write your own code on PHP.



Q: I have a popup that in one of the submenus has an input field. There is a problem – if the user clicks into the entry field, but moves the mouse outside the java swing menu, the menu can close while the user is still typing. Is there any way to prevent that from happening?

A: You can make submenus to stay visible till you click outside the menu or scroll your page.To enable this feature you should set the following parameter:

  var smHidePause=-1;

You can set this parameter to each submenu individually usingIndividual Submenu Styles.



Q: I want to use
function dtreet_ext_userRightClick(itemID) {

alert(itemID[0]); ???

return false;
}

But how do I refer to tmenuItems array using itemID in the javascript?
For example, if I want to pop a link text, should I use alert(itemID[0]))?
It doesn't work.
Please let me know how I refer to the menu.

A: You should use the following function to get item's info:

dtreet_ext_getItemParams (0, itemID);

For example:

<script type="text/javascript">

function dtreet_ext_userRightClick(itemID)
{   var link = [];
link = dtreet_ext_getItemParams (0, itemID);
//Returns item parameters in the array:
// [item_id, index_within_submenu, parentID, level, has_child, child_count, expanded, text, link, target, tip, align, icons, hidden, disabled, visible]

alert(link[7]);


return false;
}
</script>




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