Css Flyout Menu Opencart by Deluxe-Menu.com
Css Flyout Menu Opencart

Menu Screenshots

Css Flyout Menu Opencart Javascript Sliding Menu

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
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!
Creating A Right Click Menu With Createpopup Css Flyout Menu Opencart
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css flyout menu opencart samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I want to have the pop up window display as you mouse over an image/link - is this possible?

A: For example you want to open a popup onMouseover, onClick or
onMouseout on a link.

So, you should create a link on your page and set id="" for it, forexample:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

So you'll have

deluxePopupWindow.attachToEvent(win,',,onClick=link,onMouseOver=over,onMouseOut=out,')



Q: We have another question. How can we increase the width of the vista style buttons? Changing the itemwidth style will make the buttons larger but it also cause all the images to appear in the wrong place.

  var itemStyles = [
["itemWidth=92px"


A: The width of Vista images is 92px. So, if you want to create the itemswider than 92px you should change vista images in any graphic editor,for example in PhotoShop.


Q: Is it possible to add checkboxes to menu items and retrieve the checked items? I need to create a multiple item select menu. So the javascript menu slide would need to remain open and allow a user to select multiple items and would either submit onmouseout or maybe a "submit these selections" javascript menu slide item.

A: You can try to use Deluxe Tree in that case:
http://deluxe-tree.com

You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
["|Index &nbsp;<select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'> <option>Section 1<option>Section 2<option>Section 3 </select>", "", "", "", "", "","", "0"],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'> &nbsp;&nbsp;<input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],

["<img src='img/sep.gif' width=113 height=1>"],

You should also add your own code, so your checkbox will workcorrectly.



Q: I keep getting this javascript error: "smMovable is undefined" in my javascript rightclick menu.

I am using the development version no source code. I only get the error when adding sub menu items. When it only has the top level menu items everything works fine. I have attached the script, which the portion I generate works fine when I open it using the deluxe tuner application. I am generating the menu from .Net.

I am also attaching the generated html file.

Any help with this would be appreciated. do I add padding around a top menu item?

A: Now you have the following parameters:
  var moveImage=";
  var transOptions=";

It is not correct. You should write:
  var moveImage='';
  var transOptions='';