Menu Con Submenus Javascript by Deluxe-Menu.com
Menu Con Submenus Javascript

Template:

Coffee Menu Template - Dropdown Html Menu






    - Items with icons
    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus
    - Unlimited number of sub levels
    - Sound support!
    - Filters and Transitional effects
    - Image arrows
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Menu Con Submenus Javascript Vertical Menu Collapsible

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu con submenus javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Fast Vertical Dhtml Tree Menu Menu Con Submenus Javascript
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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu con submenus javascript 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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I recently upgraded to the new version. Now I am having a problem with the javascript navigation width. I have the main menu set it 98% using the Deluxe Tuner but it only shows it on my web page at about 25%. I can’t seem to get it to change. I have opened the js file and it is showing 98% but still showing at 25% on web page. I am using a floatable horizontal menu with submenus. Can you think of anywhere else I need to check/check a width setting?

A: Check that you haven't set itemWidth parameter in your styles, for example:

  var itemStyles = [
["itemWidth=150px"],
];

Q: I evaluated Deluxe Menu over the weekend and I really like it. I believe I'll be buying it this week. I have one question. Is it possible for the menu to be aware of what page you have selected and highlight the corresponding menu item on that page.


A: You should 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: If you click a list drop menu link in the tree that opens a new page, for example, Solutions:By Type:Psuedo Wire , the link, Psuedo Wire, remains highlighted.

If you click a line that targets _self, for example, Solutions: By Type: T1 Extender, the link does not remain highlighted. My web app will need highlighting and all links will target _self. I have to solve this problem soon or else look elsewhere.

A: It is normal behaviour, your list drop menu can save its state within one page only.

You can try to use frames, and open pages in the content frame. Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server (we use this method on our website
http://deluxe-tree.com).

You should set a pressed item using Javascript API:

function apyt_ext_setPressedItem(menuInd, itemID)

<script type="text/javascript"><br>

  var i = 4 //index of the selected item
onload=setPressed;
function setPressed()
{

dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));
}

</script>

To expand specific items you should use the following function: dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 11), 1);



Q: I am trying to make the tab menu to work correctly and after extensive testing and I have come across a problem that I can seem to get resolved. I am using images for the tab menu with no text and <divs> to display information about each tab. However while the page loads I can see all the content from all the <div> java menu bars and when the page if fully loaded, the web page then displays the content correctly with all the content hidden until the correct tab is selected. Mind you this is the only thing on the webpage so there shouldn’t be any load time problems.

Please advice what is happen to resolve this issue.

A: Try to set display: none; property for the style of your DIV, forexample:

<div id="content1" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DT.gif" width=262 height=56 alt="java menu bars"></p>

</div>



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