Prototype Js Menu Ajax by Deluxe-Menu.com
Prototype Js Menu Ajax

Menu Screenshots

Prototype Js Menu Ajax Css Navigation Bar Drop Down

Features

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
Javascript Menu Examples Prototype Js Menu Ajax
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your prototype js menu ajax menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed prototype js menu ajax samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: Is there a function for flash tab menu a I can call to make a tab appear??


A: You can use the following function to open appropriate tab:

Unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>



Q: Can the main menu items be set so they are all the same width without specifying pixel widths?


A: You should create Individual Style and assign this style for allitems.

  var itemStyles = [
["itemWidth=150"], //style 0
];

  var menuItems = [

["DHTML Menus","", "images/icon1.gif", "images/icon1o.gif", , ,"0", , , , , ], // assign style 0
["Apycom products","", "images/icon1.gif", "images/icon1o.gif", , , "0", , , , , ], // assign style 0
["Contacts","http://www.apycom.com/contact.html", "images/icon1.gif", "images/icon1o.gif", , , "0", , , , , ], // assign style 0
];


Q: I am having great problems making my tab working, I seems to select the second tab by default.

I have looked in your frequent asked questions and tried the below suggestion, I have not used the registered domain as I am in the process of design.

  var bselectedItem = 3;

Where 3 is the number of your menu item from the   var bmenuItems parameter.
  var bmenuItems =
[
["Mac Tab 1", "content1"],
["Mac Tab 2", "content2"],
["Mac Tab 3", "content3"],
["Mac Tab 4", "content4"], // selected tab
];
The ID of the item starts with 0.
Try that.

But without success?

Any idea?

Please advice


A: See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 10;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], // selected tab ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4


Q: I have recently downloaded your menu, I love, and am definitely going to purchase it, however i do have a question, I made my site with dreamweaver mx, and it is designed in a series of tables, the main table is 3 column and on row, stretched at 100% width and length, the other tables are nested inside the middle column, I am trying to get the menu in the left column to float, I have read some of the other post in the support section, and I was wondering if their could be any <div> anywhere on the page or just before and after the menu script code?

here is the way my code is before and after the script code

<td width="17%" align="left" valign="top" background="images/LPback.png">
<script type="text/javascript" src="data.js"></script>
</td>
this defines the column in which I want the menu to be,

here is my code for the floatable menu
//--- Positioning
  var tabsolute=1;
  var tleft="0px";
  var ttop="205px";

//--- Floatable Menu
  var tfloatable=1;
  var tfloatIterations=10;
  var tfloatableX=1;
  var tfloatableY=1;


A: You should add the following parameter:

<script type="text/javascript">  var tWorkPath="data.files/";</script>

See more info about installation here:
http://deluxe-tree.com/installation-info.html

You should also add dtree_add.js file in the "data.files/" folder.