Popup Menu Javascript Vista Style by Deluxe-Menu.com
Popup Menu Javascript Vista Style

Menu Screenshots

Popup Menu Javascript Vista Style Javascript Create Select

Features

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!
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
Xp Bar Dhtml Popup Menu Javascript Vista Style
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed popup menu javascript vista style 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 popup menu javascript vista style menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding 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: I've added a tab menu to a site but I want to know
how to get the active tab to stay a certain color in the html tabs menu
when you're on that tabs page.


A: Deluxe Tabs doesn't support API functions which can return theselected tab.

You can set "bselectedItem" and "  var bselectedSmItem" parameters
based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters
from your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>




Q: We had to activate the tcloseExpandedXP to 1.
So far, that is OK. But as soon as we do so, The main menu-titles are aligning to the LEFT side! We could not get them to align to right as needed.

Any idea how this could be fixed?


A: You can try blank images before the top-menu items.

["<img src='blank.gif' width=84 height=12>Text","", , , , , , , , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=250&fa=1", , , , , "fmain", "5", , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=0&fa=6", , , , , "fmain", "5", , , , ],
 ["|Text","general/forms/form01.php?c2=80&c3=0&fa=2", , , , , "fmain", "5", , , , ],
 ["|Text","", , , , , , "5", , , , ],
["<img src='blank.gif' width=44 height=12>Text1","", , , , , , , , , , ],



Q: I would like to create my own jpeg images and use them as the mouseover-items in the top level cascading menu. I am not talking about the backround. I mean the actual upfront button. I seem to be locked into the size which is the default and would like to change it to width = 180px and height = 45px for each item in the menu. Is there any way to do that?

A: You should create Individual Style and assign it for all top items.

  var itemStyles = [
["itemWidth=180px"],
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],



Q: I'm looking at purchasing your deluxe menu software.
Could you advise how to create pull down menus or if it's possible?


A: Thanks for your interest in our products.

Yes, it is possible.
You can see our menus on
http://deluxe-menu.com
http://deluxe-tree.com

Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

Please, try to download trial package once again. We added alltemplates in Deluxe Tuner Templates window.

Unfortunately, Deluxe Tuner doesn't copy all need images forVista Template into your folder. You should do it manually.
After you create your menu in Deluxe Tuner you should copy all images youneed for the menu into your folder and correct images paths.
You should set the following parameter
  var pathPrefix_img="";

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

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

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

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.

Try that.