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

Menu Screenshots

Popup Menu Javascript Vista Style Javascripts Drop Down Menu Example

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
Cost Effective
Javascript Example Of Vertical Menu Popup Menu Javascript Vista Style
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
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I am in the final stages of testing and need some advice and help.

I have two problems I am trying to address.

1) Arrows on dropdown menu select.

2) Load time.

Please notice, I have to use absolute paths for the dropdown menu select to work.

1) I can't get the arrows to show, so I tried to add the code for images in the first bold sentence below.

2) I tried to add the second line for absolute paths for links to increase load time in the second bold sentence. It appears that the load time is increased by about 3 seconds and that the menu is the last to load, even though I have tried to have this as the first html to load.

Neither one of my commands appear to work.

This site has over 10,000,000 items on it, and I can't wait to get this up and running. Your program is the perfect solution for anybody with a website.

A: 1) Now you have:

  var arrowImageMain=["mainmenu.files/arrv_blue_2.gif","mainmenu.files/arrv_white_2.gif"];
  var arrowImageSub=["mainmenu.files/arr_blue_2.gif","mainmenu.files/arr_white_2.gif"];

You should set your arrows in the following way:

  var arrowImageMain=["arrv_blue_2.gif","arrv_white_2.gif"];
  var arrowImageSub=["arr_blue_2.gif","arr_white_2.gif"];

2) Your menu is very large. I advise you to us AJAX like technology.

http://deluxe-menu.com/ajax-technology-menu-sample.html

You can also try the following things:

move all <script> calls into <head>, but delete dm_init() function from mainmenu.js file -- move them instead offiles calls, i.e.:

<head>
<script src=mainmenu.js>
...
</head>

...

<div><script>dm_init();</script></div>

It this case data will be loaded when <head> will load, but after thatdropdown menu select must be shown quickly.
Let me know about results.



Q: Just wondering if you could help.I wish to put a script java menu on every page of my site - through all the folders etc.
How do I set it so that they all 'feed' from the same dmenu.js file?
How do I set the file path to that file from all pages of my website?



A: 1) How do I set it so that they all 'feed' from the same dmenu.js file?
You should use absolute path here:

1. Paste the following code into a tag of your page:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "http://site.com/menudir/";</script>
<script type="text/javascript" src="http://site.com/menudir/dmenu.js"></script>
<!-- (c) 2009, http://deluxe-menu.com -->

2. Paste the following code where you want to have the menu:

<script type="text/javascript" src="http://site.com/menudir/data.js"></script>

2) How do I set the file path to that file from all pages of my website?
If you don't want to create your menu on each page, you can try to useframes, the menu has a cross-frame mode.
Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.


Q: When i stay on one page so must have the menue-point of the html menu for this page another color or font. How can i make this?


A: You should set pressed item.
Please, check the following parameter

  var pressedItem=-2;

This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can also set the correct
  var pressedItem=1;
parameter on each html page.


Q: I'm evaluating a copy of deluxe-tree and have a question about long items. I need to be able to either automatically wrap the line to fit the width given in the tmenuWidth variable or insert line breaks as I see fit.

At the moment I have found that I can insert the <br> tag to force a line to break but it messes up the space after the menu, if I have several one after the other then they will sit close together. If I add a
at the beginning of the menu entry then the space before is bigger than the default.

Is there any easy way around this?


A: Try to set the following parameter:

  var tnoWrap=0;