Menu Tree Html Dynamique by Deluxe-Menu.com
Menu Tree Html Dynamique

Menu Screenshots

Menu Tree Html Dynamique Horizontal Menu In Dhtml

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu tree html dynamique samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Moving Menu Examples Scroll Menu Tree Html Dynamique
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

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>


Q: I want you to start modifying on your menu items in menu.js to get the caption from prestext. If you look at the bottom of commonfooter.html, you will see code like

<a target="_top" class="sidenav" href="<%=strprefex%>WillPlanning.asp?SessionID=<%
=sessionid%>&UserName=<%=Username%>" onclick="RedirectToParentPage=''; return CheckForChanges(1024,'')">
<%=GetPresText("WillCreatorBug",rsmenu)%></a>


A: You can use any html tags within item text, for example:

  var menuItems = [

["<a target='_top' class='sidenav' href='<%=strprefex%>WillPlanning.asp?SessionID=<% =sessionid%>&UserName=<%=Username%>'
onclick='RedirectToParentPage=''; return CheckForChanges(1024,'')'>Home<%=GetPresText('WillCreatorBug',rsmenu)%></a>","", "", "", "", "", "", "", "", ],


Q: In IE first tab of tabbed navigation is coming selected but in firefox it is not coming selected.

A: Check the following parameters:

  var bselectedItem=0; //top items
  var bselectedSmItem=1; //submenus

Notice that all indexes starts with 0.


Q: I can't see menu on my test page only direct links...


A: Now on your page you have only search engine friendly code for Deluxe Menu. You do not have a menu.

See more info about the installation of the menu here:

http://deluxe-menu.com/installation-info.html

You should paste also such lines, for example:

<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

and

<script type="text/javascript" src="deluxe-menu.files/data.js"></script>

Where data.js is the file with your menu. You can create such file using Deluxe Tuner.

You should upload this files on your server in the correct place.