Phoca Restaurant Menu Pro by Deluxe-Menu.com
Phoca Restaurant Menu Pro

Menu Screenshots

Phoca Restaurant Menu Pro Dhtml Javascript Sample

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed phoca restaurant menu pro samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Slide Menus Javascript Phoca Restaurant Menu Pro
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your phoca restaurant menu pro menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: Can a drop down menu go over a Flash and be transparent?Let me know.

A: Yes, it is possible.
To set transparence for submenus you should set the followingparameter:

  var transparency="70";



Q: I know I can fix the width of the entire (horizontal) menu. But is there a way to fix the width of each Item in the menu? I would like each Item to be the same width.


A: Please, try to specify units in "px", for example.

  var menuWidth = "600px";

It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

Try to set individual style for item width:

  var itemStyles = [
["itemWidth=120px"],
];

  var menuItems = [

    ["Text1","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text2","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text3","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text4","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text5","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],

...


Q: I am interested in this script

http://deluxe-menu.com/popup-mode-sample.html

Is that possible that the "2nd" menu is activated with left click and to delete the "1st" menu.


A: Yes of course you can create any menu on your page.

See how you should call pop up menu
<img src="data-samples/images/popup_pic.gif" width=180 height=119 onClick="return dm_popup(1, 2000, event);" onContextMenu="return dm_popup(2, 2000, event);" style="cursor: pointer;">


To use one menu on you page you should write
<img src="data-samples/images/popup_pic.gif" width=180 height=119 onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;">


You can create you own menu using Deluxe Tuner application or use thismenu.


Q: Under Opera everything works fine but under IE the submenu’s are way down the page and go off the bottom of the screen.


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="PADDING-BOTTOM: 10px;"). To get the value you should move .css style into style="" attribute.

Please, try to add your

css file -> inline css, for example:

You should add style="PADDING-BOTTOM: 10px;"

to the

<DIV class=department-menu>

So, you'll have:

<DIV class=department-menu style="POSITION: absolute;PADDING-BOTTOM: 10px;">