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

Menu Screenshots

Phoca Restaurant Menu Pro Joomla Css Javascript Examples

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed phoca restaurant menu pro joomla samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Pull Down Menu For States Phoca Restaurant Menu Pro Joomla
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!
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



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: Hi, I was wondering if there is a way to leave a main navigation item highlighted when in that section.  For example if I clicked on "Contact Us" and when I am on the contact us page, the "Contact us" navigation would still be highlighted.  I appreciate any help you might have, thanks!


A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: Do you have any tutorials on how to use dropdown menu maker?

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your menu in Deluxe Tuner.

When you open Deluxe Tuner you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" on
the main window.

You should set items and subitems parameters on the "Item Parameters"
window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML.

So, you'll have folder with all engine files and images
("deluxe-menu.files/" folder by default), deluxe-menu.html file and
data-deluxe-menu.js file with all menu parameters.

Open deluxe-menu.html file in any text editor and copy several rows of
code into your page (for example index.html page of your website).

Copy and paste several rows into your html page (index.html).

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var WorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data-deluxe-menu.js"></script></td></tr>
//data-deluxe-menu.js - data filecreated inDeluxe Tuner.
</table>
...
</body>

You should also copy "deluxe-menu.files/" folder with all engine files
dmenu.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js
and data-deluxe-menu.js file into the same folder with your index.html page.

Try that.



Q: How do I change the background color for the floating drop down menu

A: To change menu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];

You can also use Individual Item Styles to change the color of the specific items:
  var menuStyles = [
["menuBackColor=#F2F3F2"],
];

  var itemStyles = [
["itemBackColor=#F2F3F2,#535353"],
];

Q: I have been working with on a site and I am kind stack using the program. I want to use the tree option but not all “buttons” need to have subcategories. For example:

Category 1

            Sub-menu 1-1
            Sub-menu 1-2
            Sub-menu 1-3

Category 2

            Sub-menu 2-1
            Sub-menu 2-2
            Sub-menu 2-3

Category 3

Category 4

When someone click on the “Category 1” or “Category 2”, I want them to see the sub-menus. However, when some click on “Category 3” or “Category 4”, I would like to have it open the appropriate page. How do I do this? This will make a lot easier because not all buttons need to have sub-menus… I hope that makes sense and you can help me on getting this done.


A: You cannot use links for the top items in XP Style only.

  var tXPStyle=1;

but you can write:
["<a href='http://deluxe-menu.com'>Item 45</a>","", "", "", "", "", "", "", "", ],