Menu Desplegable Horizontal Onmouseover Javascript by Deluxe-Menu.com
Menu Desplegable Horizontal Onmouseover Javascript

Template:

Google Style Template - Dhtml Pop Up Menu






    - Sound support!
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Top items and submenus have a shadow
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Text aligned to left
    - Several menus on one page
    - Inactive/Disabled items
    - Hundreds of pre-designed templates




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

Menu Screenshots

Menu Desplegable Horizontal Onmouseover Javascript Menus Desplegables En Un Top Frame

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu desplegable horizontal onmouseover javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cool Navigation Menus Menu Desplegable Horizontal Onmouseover Javascript
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu desplegable horizontal onmouseover javascript menus easily and in no time
  • Sensible menu parameters for manual editing



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: There seems to be a small checkered rectangle at the top of button menu that I would like to see disappear.


A: See, you have

  var tmoveable = 1;
  var tmoveImage = "DeluxeMenu/deluxe-tree/img/movepic.gif";
  var tmoveImageHeight = 12;

If you want your menu to stay movable you should set the followingparameters to delete rectangle at the top.

  var tmoveImage = "";
  var tmoveImageHeight = 0;


Q: I'm trying to disable a javascript mouse over menu item using the MS Office style 2 template and having no luck. Can you please provide me a sample of the MS Office style 2 template that will disable an item on the menu by graying it out?

A: To disable menu item you should set "_" target for it.
If you want that your disabled items have a grey color (in css-basedmenu) you should create additional style for it and assign this stylefor the disabled items:
["CSSText=toptext_dis,toptext_dis"],

.toptext_dis
{
font: normal 11px Tahoma, Arial;
color: #AAAAAA;
padding: 3px;
}

 ["|What's New","", "images/icon_office_note.gif", "images/icon_office_note2.gif", ,"_","1", , , ],
   ["||Popup Mode (Contextual Menus)","", "images/icon_office_mark.gif", "images/icon_office_mark.gif", ,"_","1", , , ],

You can find more info about menu items here:
http://deluxe-menu.com/menu-items-info.html



Q: Can I use just one data.js in one folder that all the pages with a dhtml popup menu point to?

A: If you don't want to create your menu on each page you can use aserver-side script
(php, asp, vb, etc.) to generate html pages fromtemplates on your server.

You can use cross frame menu.
It allows you to build full-featured menus on the pagesthat use frame-based structure.
And it's not necessary to insert any code into all the pages -just specify the additional
parameters of the menu and initialize it.

To install the menu in a cross-frame mode, see more info here:
http://www.deluxe-menu.com/cross-frame-mode-sample.html

Q: I’d like to know how to populate the navigation bar menu from a database?


A: 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 = [

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

?>

];
</script>

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