Vista Style Taskbar Dhtml Slide Menu by Deluxe-Menu.com
Vista Style Taskbar Dhtml Slide Menu

Template:

Olive Menu Template - DHTML Navigation Menu






    - Personal CSS styles for separate menu elements
    - Relative/Absolute menu position
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus automatically scrolls
    - Hundreds of pre-designed templates
    - Unlimited number of sub levels
    - Inactive/Disabled items




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

Menu Screenshots

Vista Style Taskbar Dhtml Slide Menu Simple Vertical Drop Down Menus

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

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your vista style taskbar dhtml slide menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cascading Jump Menu Vista Style Taskbar Dhtml Slide Menu
Cost Effective
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: My slide drop down menu appears at the top of the page rather than in the cell in which I placed it

A: You're using absolute position for the menu now:

  var absolutePos=1;

You should use the relative position:

  var absolutePos=0;



Q: I'm having multiple problems with this now, I'm using this sight in the horizontal cross-frame style. And using the CSS-type layout.

Problems:

1. This appears to be working fine in Firefox but I can't see the Menu or frames in Internet Explorer.

2. I have changed the colors in the data.js and the css-mode.css files and still can't change the subMenu background colors. ( I have put everything back like it was, but for example if I want to change the submenu or drop down menu background color to grey and the mouseover color to red where do I change that at)? Do I edit the .css file or the data.js file

3. I can't get the links to open in the bottom frame ( I know you will see that it's set to _blank now, but I tried setting the   var itemTarget="_bottommenu"; and the code in the menu section at the bottom of the data.js to the same but it still doesn't seem to work. Can you help me out here?

I have attached the sight so that you can see what I'm dealing with.

Once again, thanks for your help and any advice.


A: 1) Your menu works fine in all browsers.

2) Your should add the following line into the bottommenu.htm file.
<link href="data-samples/css-mode.css" type=text/css rel=stylesheet>

You should set the item color for the submenus in your css file initemNormal and itemOver styles.

3) You should use the following parameter to set a frame name:

  var itemTarget="";

["Home","testlink.htm", "css/icon1.gif", "css/icon12.gif", "Home", "frm2", "0", "0", , ],
["Products","", "css/icon2.gif", "css/icon22.gif", "Products", , "0", , , ],
 ["|Hard Drives","testlink.htm"],
 ["|Servers",""],
   ["||Linux Compatible","testlink.htm", , , , "frm2",],
   ["||Windows Compatible","testlink.htm", , , , "frm2",],
...


Q: I’m interested in buying your products.
I have no experience in programming, only know html/php.
How easy would it be to set up these mouseover menus?
I understand your explanation of copying scripts into the relevant html pages.
But what about inserting the menus? Do I have to program them myself?


A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.

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

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Menu ) you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.

You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
(you can alsouse local version of the site which you can find in the trial package
"Deluxe Menu / deluxe-menu.com /")

http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems:

http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

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
dmenu_search.js
into "deluxe-menu.files/" folder.
You should place this folder in thesame folder with your index. html page.

Try that.

Q: I'm trying to find a decent, simple, working example of a dynamically-generated DHTML Pop-up Window. Using the "Deluxe Tuner" to generate static files is unacceptable for our use. We must create pop-up menus on the fly.

I tried piecing together a working pop-up window application, but kept getting "Error! Skin Load!" and couldn't figure out what files or where to get them (or put them) for the Windows Vista Graphite skin.



A: Create a new project, choose the Windows Vista Graphite Style for it.
Save your project. Use in your html file this function to open a window for your link :

onclick="deluxePopupWindow.open('window1', 'Content1', 'Window1','width=220,height=100,resizable,scrollbars=no,middle,right,fade-effect','windowsvista_graphite')";

See additional information about these functions here:
http://deluxepopupwindow.com/window-installation-info.html


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