Jquery Sidebar Ul Menu by Deluxe-Menu.com
Jquery Sidebar Ul Menu

Template:

Google Style Template - Dhtml Pop Up Menu






    - Submenus dropdown on mouseover
    - UL/LI items structure
    - Inactive/Disabled items
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Text aligned to left
    - Image arrows
    - 85% transparency for sub menus
    - Status string shows item labels




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Jquery Sidebar Ul Menu Vertical Horizontal Menu Bar Dhtml

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery sidebar ul menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery sidebar ul menu menus easily and in no time
  • Sensible menu parameters for manual editing
Xp Style Templates Jquery Sidebar Ul Menu
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have another question regarding the popup window. I need to use an iframe within the popup window. Is there any way I can close the dhtml popup from the page loaded within the iframe?

A: You can close the popup using the following function:
document.getElementById('win').hide();

Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot accessdocument.getElementById('win').hide();
element which is situated on the first page.

When you use text or object_id as window content the content of the popup will be situatedon the same page so you can access document.getElementById('win') element and hide it.

There is a workaround.
Use text as content type and add the following code inside popup:

<a onclick="document.getElementById('win').hide();">...</a> <iframe></iframe>

Your link will work in that case.

Q: Thanks for swift reply, however:
Tried the dmenu.js (only one we use) at our trial site and get the error :
Line 13
Invalid argument

- as you know this js file is obfuscated to one line, so using a debugger does not apply.

A: See the attached example. I've upgraded your javascript layer menu to Deluxe Menu v3.0.
use data file and engine files from the attachment.

You had several errors in the structure of menuItems.

It is not correct to write

 ["| Contact us","http://www.imarex.com/home/contact_us","","","","","8","","",],
   ["||| Energy team","http://www.imarex.com/home/contact_us/energy_team","","","","","8","","",],

You should write:
 ["| Contact us","http://www.imarex.com/home/contact_us","","","","","8","","",],
   ["|| Energy team","http://www.imarex.com/home/contact_us/energy_team","","","","","8","","",],



Q: I am currently testing the DHTML Tabs product, and I am trying to find ways of replicating how it is being done in your website at http://deluxe-tabs.com/.

In your website, when I click on a Tab, the content relevant to that tab appears. I understand that the site is using "div id= " method to control. However, my question is how can I code the DIV to appear in the JS file of my mouseover tabs?

A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your description here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)



Q: When I export the file sometimes the links doesn't work in css tabbed menu


A: See, you can use links if you have
  var tabMode=1;
only.

If you have
  var tabMode=0;

You should use the ID of the DIV.

But you can try to open your pages using different targets in thefollowing way

["tab text", "javascript: window.open('test.html', 'frameName')", ...],
["tab text", "javascript: window.open('http://deluxe-tabs.com/test.html', '_self')", ...],
["tab text", "javascript: window.open('html/test.html', '_blank')", ...],

Where frameName - the name of the frame where to open the page test.html.

Using this method you can create Deluxe Tabs in  var tabMode=0; and   var tabMode=1;


Buy Now!   ::  Free Trial Download   ::  More Info