Jquery Menu Opencart by Deluxe-Menu.com
Jquery Menu Opencart

Menu Screenshots

Jquery Menu Opencart Java Example Code For Menu Bars

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery menu opencart samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Floating Dhtml Menu Jquery Menu Opencart
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
Cost Effective
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!



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: Very interested by your product, I want to know, before buy, if I can call javascript function when the user click on a menu Items;

you have this example, but I want the possibility to call a javascript function in the client side :

  var menuItems = [
[text, "javascript:alert('Hello, world!')", icon1, icon2],
];

Is it possible, if yes could you give the sample, because Milovic menu have a javascript:function call, what about your product ?

Thank you for the answer.


A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];

Unfortunately we don't have such example.


Q: The button menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them.
I have stretched the menu out tocover the whole of the top of the page but i need to get these lines out of the menu.

Can you please help me with this problem


A: See images in Vista Templates have the fixed width and height (92 x21):

  var itemStyles = [

["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0",
"fontStyle=normal 11px Tahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif


Q: I am testing your product, and I would like to know, on the menu can the Plus sign be changed to expand a menu to a pointer or bullet?


A: You can use your own icons instead of Plus sign.

You should use the following parameters:

  var texpandBtn=["default.files/expandbtn2.gif","default.files/expandbtn2.gif","default.files/collapsebtn2.gif"];
  var texpandBtnW=9;
  var texpandBtnH=9;


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

OpenCart Türkiye

21 Ağu 2010 ... OpenCart Modüllerine ve modül sorunlarına buradan ulaşabilirsiniz. 139, 1586, Jquery Accordion Menu Gönderen: tolga35. Dün 17:36 PM

กระทู้ล่าสุดของ: RaulGonzales

ศ. 2553, 17.18 น. prestashop ก็ดีแต่อาจจะงง หน่อย อยากใช้ง่ายๆก็ opencart ... http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/

Small Vbulletin Forum 4.0.6 Modifications | Blancer.com Tutorials

... facebook application authentication example code, JQUERY Showreel, ... UITableViewCell get label contentView, creating menu in iPhone using table cell, ... iphone programming sms like table view, opencart templates nulled,

Which modules should I use? [Support Forums - Beginner's Corner

I also found some DHTML menu script to use, but it does not really work with ... I saw that they were using the OpenCart open source shopping cart system

Small Vbulletin Forum 4.0.6 Modifications | Blancer.com Tutorials

... facebook application authentication example code, JQUERY Showreel, ... UITableViewCell get label contentView, creating menu in iPhone using table cell, ... iphone programming sms like table view, opencart templates nulled,

PHP Indonesia (Portal) :: Portal Informasi dan Forum PHP Indonesia

RE: Re: Menu Filter PHP seperti Menu situs HP, 2, 232, idrouz, 03.Jul, 02:53. goto Post · buat sel all dgn check box untuk hapus data pesan masuk

Favourite CMS Options for Online Retail - Web development

It also utilises jQuery and is quite lightweight in terms of performance. ... I also don't like the way that menus are presented on that store the drop downs ... Opencart & Prestashop seem to have single page checkout

กระทู้ล่าสุดของ: RaulGonzales

ศ. 2553, 17.18 น. prestashop ก็ดีแต่อาจจะงง หน่อย อยากใช้ง่ายๆก็ opencart ... http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/

ขอถามพี่เคนหน่อยนะครับ เรื่องธีมphp-fusion | ฟอรั่มสนทนา - Thai Cms-PHP

<script type='text/javascript' src='images/sitev3/jquery.js'></script> ... set the click on the site to hide the lng menu ..... ฟิวชั่นบอร์ด, - ความรู้เสริม การปรับแต่งและการใช้งานPHP-Fusion v7, - pf-dynamic, - open cart

PHP Indonesia (Portal) :: Portal Informasi dan Forum PHP Indonesia

RE: Re: Menu Filter PHP seperti Menu situs HP, 2, 232, idrouz, 03.Jul, 02:53. goto Post · buat sel all dgn check box untuk hapus data pesan masuk

PHP Indonesia (Portal) :: Portal Informasi dan Forum PHP Indonesia

RE: Re: Menu Filter PHP seperti Menu situs HP, 2, 232, idrouz, 03.Jul, 02:53. goto Post · buat sel all dgn check box untuk hapus data pesan masuk

ขอถามพี่เคนหน่อยนะครับ เรื่องธีมphp-fusion | ฟอรั่มสนทนา - Thai Cms-PHP

<script type='text/javascript' src='images/sitev3/jquery.js'></script> ... set the click on the site to hide the lng menu ..... ฟิวชั่นบอร์ด, - ความรู้เสริม การปรับแต่งและการใช้งานPHP-Fusion v7, - pf-dynamic, - open cart

Favourite CMS Options for Online Retail - Web development

It also utilises jQuery and is quite lightweight in terms of performance. ... I also don't like the way that menus are presented on that store the drop downs ... Opencart & Prestashop seem to have single page checkout

Small Vbulletin Forum 4.0.6 Modifications | Blancer.com Tutorials

... facebook application authentication example code, JQUERY Showreel, ... UITableViewCell get label contentView, creating menu in iPhone using table cell, ... iphone programming sms like table view, opencart templates nulled,

ขอถามพี่เคนหน่อยนะครับ เรื่องธีมphp-fusion | ฟอรั่มสนทนา - Thai Cms-PHP

<script type='text/javascript' src='images/sitev3/jquery.js'></script> ... set the click on the site to hide the lng menu ..... ฟิวชั่นบอร์ด, - ความรู้เสริม การปรับแต่งและการใช้งานPHP-Fusion v7, - pf-dynamic, - open cart

Jquery Accordion Menu - forum.opencart-tr.com

OpenCart Türkiye - Açık Kaynak Ücretsiz E-Ticaret. ... RE: Jquery Accordion Menu . böyle bir çok örnek var ama oc ile birleştiremedim

Which modules should I use? [Support Forums - Beginner's Corner

I also found some DHTML menu script to use, but it does not really work with ... I saw that they were using the OpenCart open source shopping cart system

Favourite CMS Options for Online Retail - Web development

It also utilises jQuery and is quite lightweight in terms of performance. ... I also don't like the way that menus are presented on that store the drop downs ... Opencart & Prestashop seem to have single page checkout

Jquery Accordion Menu - forum.opencart-tr.com

OpenCart Türkiye - Açık Kaynak Ücretsiz E-Ticaret. ... RE: Jquery Accordion Menu . böyle bir çok örnek var ama oc ile birleştiremedim

OpenCart Türkiye

21 Ağu 2010 ... OpenCart Modüllerine ve modül sorunlarına buradan ulaşabilirsiniz. 139, 1586, Jquery Accordion Menu Gönderen: tolga35. Dün 17:36 PM

กระทู้ล่าสุดของ: RaulGonzales

ศ. 2553, 17.18 น. prestashop ก็ดีแต่อาจจะงง หน่อย อยากใช้ง่ายๆก็ opencart ... http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/

Jquery Accordion Menu - forum.opencart-tr.com

OpenCart Türkiye - Açık Kaynak Ücretsiz E-Ticaret. ... RE: Jquery Accordion Menu . böyle bir çok örnek var ama oc ile birleştiremedim

Which modules should I use? [Support Forums - Beginner's Corner

I also found some DHTML menu script to use, but it does not really work with ... I saw that they were using the OpenCart open source shopping cart system

OpenCart Türkiye

21 Ağu 2010 ... OpenCart Modüllerine ve modül sorunlarına buradan ulaşabilirsiniz. 139, 1586, Jquery Accordion Menu Gönderen: tolga35. Dün 17:36 PM