Crear Submenu Javascript by Deluxe-Menu.com
Crear Submenu Javascript

Template:






    - Search feature - add the search area in the menu and type symbols.
    - Image arrows
    - 85% transparency for sub menus
    - Cross-frame support - menus work on frameset-based pages
    - Top items and submenus have a shadow
    - Sound support!
    - Inactive/Disabled items
    - Status string shows item labels




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

Menu Screenshots

Crear Submenu Javascript Javascript Multiple Pulldown Menu

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

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your crear submenu javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Pull Down Menu How To Samples On Rollover Crear Submenu Javascript
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!
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 crear submenu 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.

  • 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: Pls help me with another question.

I have an horizontal menu in which the submenus drop down (as in example # 1 you have in your web).

For the first level items (which are horizontal), I do not want item spacing or itemPadding, that is:
  var itemSpacing=0;
  var itemPadding=0;

However, for the second and third level menu items, that drop down, I do need spacing and padding, like this:
  var itemSpacing=1;
  var itemPadding=1;

How can achieve this if, we have only one set of parameters??

Thank you very much and best regards


A: You should use Individual Styles.

You should set the following parameters:

  var itemSpacing = 0;
  var itemPadding = 0;

and create individual style for submenus
  var menuStyles = [
["menuBackImage=images/subm_back.gif","itemSpacing=1","itemPadding=1"], // add Spacing and Padding to the style which is used for the third level menu items.
["columnPerSubmenu=2"],
["itemSpacing=1","itemPadding=1"], //style 2
];

You should assign this style for the second and third level menu items

["DHTML Menus","", "images/icon1.gif", "images/icon1o.gif", , , , , , , , ],
 ["|The Deluxe Menu","http://deluxe-menu.com",
"images/icon2.gif", "images/icon2o.gif", , , , "2", , , , ], // assign Style 2
   ["||Features","", "images/icon3.gif", , , , "0", "0", , , , ], // assign Style 0
   ["|||First Column","", , , , , "0", "1", , , , ],
   ["|||Second Column","", , , , , "0", , , , , ],
   ["||Cross-frame Mode","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
   ["||Easy Installation","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
 ["|The Deluxe Tree","http://deluxe-tree.com", "images/icon2.gif", "images/icon2o.gif", , , , , , , , ],
...


Q: I have the mouseover menu working fine but want the chosen option to display in a tab under the menu.

A: Deluxe Tabs doesn't have API functions to set pressed item on-the-fly. You can set presseditem on the page loading only.

But you can use onClick event for the Deluxe Menu items and call the following function toopen appropriate tab:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.

["<div onClick='dtabs_itemClick(0,2)'>Open 3rd tab</div>","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],


Q: We have found that some of the menu /sub menu trees do not "collapse" when youclick on another item of the web tree view Do you have any suggestions as to what we can look at to correct the problem?

A: Check the following parameters:

  var tcloseExpanded=1;
  var tcloseExpandedXP=1;

Q: I am trying to figure out how to specify the css for the top css dropdown menu.

I saw this in some of the example code, but there was nothing similar in Deluxe Tuner

  var itemStyles = [

["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver" ],
];
  var menuStyles = [
["CSS=topMenu"],
];

I tried adding the above to my js code, but it didn't work. I can get it to work in non-css through Deluxe Tuner.

I am trying to draw a white border around the blue css dropdown menu

.topMenu
{
background-color:Blue;
border-width: 1px;
border-style: solid;
border-color: White;
}

/* Style for submenus */
.submenu
{
}

/* Style for top items: normal state */
.topItemNormal
{
background-color:Blue;
color:White;
text-decoration: none;
text-transform:none;
font-weight:normal;
FONT-SIZE: 11pt;
FONT-FAMILY: Verdana, Arial;
width:100%;
padding:2px 4px;
}

A:   var itemStyles = [

["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver"],
];
  var menuStyles = [
["CSS=topMenu"],
];

The following code is Individual Styles. You can edit them in DeluxeTuner.

Open your data file, click "Edit Individual Styles..." button on themain window. And create individual item style and individual submenustyle. Then you should assign these styles to your items.

See more info about Individual Styles here:
http://deluxe-menu.com/individual-styles-sample.html



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