Javascript Code For Submenu Header by Deluxe-Menu.com
Javascript Code For Submenu Header

Template:

Black Rounded Template - Mouse Over Drop Down Menu






    - Top items and submenus have a shadow
    - Items with icons
    - Submenus automatically scrolls
    - Inactive/Disabled items
    - Filters and Transitional effects
    - Horizontal or vertical orientation
    - Several menus on one page
    - 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

Javascript Code For Submenu Header Making Drop Down Menus

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

Features

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!
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
Dhtml Javascript Menu Code Javascript Code For Submenu Header
Cost Effective
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



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

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We are trying to configure menu windows to a certain width.
But when we configure it menu script a certain number of characters,
the app cutswords. Is there any way to configure it, so that doesn't happens
and puts that word in the lower line?

A: Try to use the following parameter:

  var noWrap=0;

You can also use standard
tags within menu item's text.

["Product <br> Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],


Q: What is wrong here ???

 ["|<div OnMouseOver=alert('This is a test');>ABMELDEN</div>", "Logout.asp", "icon2_s.gif","icon2_s.gif","","Abmelden",,"3"],


A: You should write:

 ["|<div OnMouseOver='alert(\"This is a test\");'>ABMELDEN</div>","Logout.asp", "icon2_s.gif","icon2_s.gif","","Abmelden",,"3"],


Q: How do I control the individual tab width for afloat tabs?


A:   var bmenuWidth="100%";

I have 5 items in my example, so I've created Individual Style

  var bstyles = [
["bitemWidth=20%"],
];

And assign it for all items:
["Item 1 text text","", "", "", "", "", "0", "", "", ],
["Item 2 text text","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],

But notice that items width cannot be smaller than the width of its'text.
So it is possible that you'll have different size of some itemsif your window have a small size.

Q: Many thanks for your response.
What I meant to say was that the Deluxe tabs onmouseover maker did not include the vertical tabs as part of its repertoire and as a result, I was not able to produce it and integrate it into my page. I am not confident that I can edit the HTML adequately to make it work on my site if the Deluxe Maker did nod not generate it. I will look at this again and see if I reinstall the deluxe tuner whether it will generate the data for the vertical tabs.
Many Thanks for your assistance.

A: Set '$' symbol in the beginning of items text to start new row:

  var bmenuItems = [

["Item 39","", "", "", "", "", "", "", "", ],
["$Item 40","", "", "", "", "", "", "", "", ],
["$Item 41","", "", "", "", "", "", "", "", ],
["$Item 42","", "", "", "", "", "", "", "", ],
];

You can open the data file for this sample in Deluxe Tuner and changeit.

C:\Program Files\Deluxe Menus Trial\deluxe-tabs\tabs-vertical.js



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