Html Horizontal Pull Down Menu by Deluxe-Menu.com
Html Horizontal Pull Down Menu

Template:

Orange Green Menu Template - Website Drop Down Menu






    - Personal CSS styles for separate menu elements
    - 85% transparency for sub menus
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Sound support!
    - Inactive/Disabled items
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Filters and Transitional effects
    - UL/LI items structure




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

Menu Screenshots

Html Horizontal Pull Down Menu Html For 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
Pull Down Menu Script Html Horizontal Pull Down Menu
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html horizontal pull down menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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: I need to work it with PHP/MySQL. I have found some information on it in your Support section, but have problems to understand and wonder if you have more information or a working sample of the loading bar with PHP/ MySQL.

A: Info about generating menu (menu items )from a database, please, see:

http://deluxe-menu.com/generate-menu-from-database-xml-php-asp-vb-support.html
Please, see the example of .php file.
The content of .php file depends on your database structure.


<?php

// The example for PHP/MySQL.
// MySQL database has the table "menuTable" that contains data for menu items.
// The table has the following fields:
// 1. "text" - item text
// 2. "link" - item link
// 3. "icon1" - item icon (normal state)
// 4. "icon2" - item icon (mouseover state)
function getMenuItems()
{
$jsItems = '';

// Select all records from table "menuTable"
$allItems = mysql_query('SELECT * FROM menuTable;');

// Extract items data from database and build Javascript code for menuItems
while ($itemData=mysql_fetch_array($allItems))
{
$jsItems .= '["'.$itemData['text'].'", "'.$itemData['link'].'", "'.$itemData['icon1'].'", "'.$itemData['icon2'].'"],';
}

// Return Javascript code
return $jsItems;
}

?>

<script>
  var menuParam1 = value1;
  var menuParam2 = value2;
  var menuParam2 = value2;
...

  var menuItems = [

<?php

// Write Javascript code for menu items
echo getMenuItems();

?>

];

</script>



Q: first - the deluxe menu is a nice tool, greatly.

but I have 2 little problems:
- I'll display the item direct side by side without distance, I can't found the parameter
- I wish the actual site (dhtml vertical menu item) in another colour

A: > - I'll display the item direct side by side without distance, i cant found the parameter
Check that you have correct
  var menuWidth="";
parameter.

You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

> - I wish the actual site (menu item) in another colour
You can create Individual Item style and assign it for the top items,for example:

  var itemStyles = [
["itemBackColor=#8080FF,#FFFF80","itemBorderWidth=1","itemBorderStyle=solid,solid", "itemBorderColor=#000080,#FF8000","showByClick=0"], //style0
];

  var menuItems = [

["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 3","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 7","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "0", "", "", "", "", ], //style0
];



Q: How do I disable the menu link for the page that is currently being displayed? I don’t the menu item removed, I just want the link to be inactive and possibly a different color.


A: To disable items you should set the target parameter to "_".

Unfortunately, Deluxe Menu doesn't have such a feature.
You should write your own code, for example, on PHP.

You can try to use the following function

function disable() {
dm_ext_changeItem(1, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.

The example you can find on our site
http://www.deluxe-menu.com/dynamic-functions-sample.html


Q: For the attributes that can have top, left, right, bottom, i.e. border, padding, is there any way to specify just one of them in the javascript context menu? i.e. border-left: 2px. I tried 2px 0 0 0 but that doesn't seem to work.

A: You can set different border width , forexample:

  var itemBorderWidth="1 0 2 5";
  var itemBorderWidth="top right bottom left";



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