Dropdown List With Scrollbar Javascript by Deluxe-Menu.com
Dropdown List With Scrollbar Javascript

Menu Screenshots

Dropdown List With Scrollbar Javascript Simple Horizontal Javascript Menu

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dropdown list with scrollbar javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Example Menu Javascript Dropdown List With Scrollbar 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dropdown list with scrollbar javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: How can I keep the javascript contextual menu items from opening into a new window when selected?

A: You can set target parameter for all javascript contextual menu items:

  var itemTarget="_self";

or for each item individually:

["Home","testlink.html", "", "", "", "_self", "", "", "", "", "", ],



Q: When using javascript tabbed menu, where do I place the text content related to the selected tab, (the text presented on the rest of the screen under the tab)? And who do I connect a specfic text to a certain tab?

A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set  var tabMode=0;

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste content of javascript tabbed menu here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>



Q: Great product and incredible user friendly interface to loadeverything up! I wasn't used to such a user friendly interface and was looking way to hard.

I did have one question though. When I open up Deluxe Tuner and click on the javascript slide down menu sample to the left (with the search box), I get the following message:

I click no, and the javascript slide down menu comes up, but no search box! Any idea why this is so?

A: There will be no search box in that template.

Actually you are able to paste any html code within items.

For example:

  var tmenuItems = [
...
   ["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='search
the web' size=15 style='font-size:10'>&nbsp;<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", "", "", "",],

But Deluxe Tree doesn't have a search feature.

There is a search feature in Deluxe Menu:

http://deluxe-menu.com/search-support-sample.html



Q: Can I change some of the properties of a browser popup window after it has been created/opened?

A: You can use deluxePopupWindow.open() function to open your popup:

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Find more info:
http://deluxepopupwindow.com/window-installation-info.html

Call this function once again with new parameters when you want to reload the window (usethe same winID).