Templates Menu Desplegable by Deluxe-Menu.com
Templates Menu Desplegable

Template:






    - Relative/Absolute menu position
    - Several menus on one page
    - Personal CSS styles for separate menu elements
    - 85% transparency for sub menus
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus dropdown on mouseover
    - Inactive/Disabled items
    - Cross-frame support - menus work on frameset-based pages




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

Menu Screenshots

Templates Menu Desplegable Clear Drop Menu

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

Features

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
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
Horizontal Submenus Using Javascript Templates Menu Desplegable
Easy Setup
  • De Luxe Tuner. GUI interface to create your templates menu desplegable 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 templates menu desplegable samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is it possible to use this easy drop down menu as a static HTML form element so it does not behave like a link but its value is posted with other form elements on submit?

A: You are able to paste any html code within items.
So you can paste a form too.

For example:

  var menuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'>
<input name='as_q' value='searchthe web' size=15 style='font-size:10'> 
<INPUT type=hidden name=cof value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'>
</form></nobr>","", "images/icons/search.gif", "", "", "", "", "2", "", "", "",],

Q: I am using the tree menu script in a frameset, and I would like for the selected menu branch to stay highlighted after the user moves the mouse to another window(where the menu brings up a new page),just so the user knows where he/she is.
Is that possible?

A: But if you open links in the another frame (window) the initial frame with your menu isnot reloaded, so the clicked item will be highlighted.
You should set the following parameters:
  var ttoggleMode=1;
  var tpressedFontColor="#AAAAAA";

You can also set the following parameter to save menu state:
  var tsaveState=1;
  var tsavePrefix="menu1";

If you install the menu without frames. On your pages you should call the following function/functions to expand/highlight items, for example:

<script>
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 0), 1);
dtreet_ext_setPressedItem (0, dtreet_ext_getItemIDByIndex (0, 1));
</script>

See more info about API functions here:
http://www.deluxe-tree.com/functions-info.html
Example:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html

Q: I am afraid I am still having difficulties.

Key issue is fine, no problems there. However, I cannot seem to make this NOT showing me a window open example when the page opens. I just want to have popups upon click. What I want is to be able to create links, within the same page, that will popup windows of different content and size, all upon click (not upon page loading.

What am I doing wrong here?

In the site I have the following:
1. A www.domain.gr/deluxe-popup-window.files folder
2. A http://www.domain.gr/deluxe-popup-window.js script
3. and my test page creating the popups

So, in my sample page:
1. I do NOT want to have the 1st popup which loads automatically as the page opens
2. I want to have the 2 samples shown there, Sample 2 and Sample 3.
3. These 2 samples must show windows of different width and height.

Please help me here.

Looking forward to your answer.

A: Delete openAfter= text from the deluxePopupWindow.attachToEvent()function in the following file:

http://www.domain.gr/deluxe-popup-window.js

In that case popup window won't show till you click on the link.

deluxePopupWindow.attachToEvent(win,',,,,,')

Q: 1) Can any HTML be inserted in to the text?

2) As the item has no link, how can I prevent the item being highlighted on mouseover?


A: 1) Yes, you can insert any html code within menuItems, for example:

 ["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],

2) Yes, you can do it.

You should create Individual Style for it.

For example:
  var itemStyles = [
["itemBackColor=#FCEEB0,#FCEEB0","itemBorderColor=,#FCEEB0","fontColor=,#000000"], //style0
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0


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