Prestashop Menu Dhtml by Deluxe-Menu.com
Prestashop Menu Dhtml

Menu Screenshots

Prestashop Menu Dhtml Vertical Menu Using Javascript

Features

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
Css Menu Rollover Transition Effect Prestashop Menu Dhtml
Easy Setup
  • De Luxe Tuner. GUI interface to create your prestashop menu dhtml menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed prestashop menu dhtml samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Is it possible to generate Kaspersky java tab menu from dynamic content?

i.e I have a web application which currently generates a certain number of tabs for content based on a users selection.

Can the Kapersky tabs be generated from dynamic content, or does it need to be hard coded for the number of tabs and placement?


A: Unfortunately, Deluxe Tabs doesn't have such a feature.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript" src="menudir/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var tmenuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

This example is not for Deluxe Tabs menu, but you can create your menu in the same way.


Q: I have a quick question: I have an iframe menu item (see note 1) for the dhtml menu sample,
and when I click a link in that iframe, I would like to close the menu.
Is this possible, perhaps by using a javascript call?


A: You couldn't close the menu, you can only hide it.
You can try touse the following code to hide the menu.

   ["||test menuitem
<iframe src='test.php' onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'
></iframe>","", , , , ,"0" , , , ],

You can also place your Iframe in DIV tag with indents.

   ["||test menuitem
<div style='padding: 10px;'><iframesrc='test.php'
onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'></iframe></div>","", , , , ,"0" , , , ],


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://dhtml-menu.com/dhtml-tabs/tabs-examples.html.

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 ?


A: I advise you to try our new Javascript menu -- Deluxe Tabs,
http://deluxe-tabs.com.
This is a newer version of DHTML Tabs. It works better.

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>


Q: > Does you tree menu php support right-to-left layout? that is to say it opens thebranches/submenus from the right to left .

A: Yes it is possible to create a menu for right-to-left languages with Deluxe Tree in the same way as in standard htmlcode.
Please, set <HTML dir="rtl">.

You should set the following parameters:

  var titemAlign="right";
  var ticonAlign="right";
  var texpandBtnAlign="right";

Deluxe Menu support right-to-left languages.
In Deluxe Menu you can set the following parameter:
  var dmRTL = 1;

Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.