Javascript Slider Control by Deluxe-Menu.com
Javascript Slider Control

Template:

iPhone 20 Template - Mouseover CSS Menu






    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items
    - Image arrows
    - Status string shows item labels
    - Unlimited number of sub levels
    - Items with icons
    - Submenus go over all page objects
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Javascript Slider Control Menu Fade Dhtml Side Bar

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript slider control 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 javascript slider control menus easily and in no time
  • Sensible menu parameters for manual editing
Menu Deroulant Vertical Javascript Slider Control
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm testing out your cascading html menu but I cannot seem to see the live version of it on line. I can view it on my computer but I cannot send a link to my coworkers so they can view it also. Am I putting the code in the right location? Please point me into the right direction.

A: It is not correctly to call data file inside H2 tag
<h2> <script type="text/javascript" src="test1.js"></script></h2>

You should write
<script type="text/javascript" src="test1.js"></script>
or
<div>
<script type="text/javascript" src="test1.js"></script>
</div>

Check that you uploaded dtree.js and test1.js files on your server.

Q: The "drop down" menus go above the mouseover javascript menu, not below. I want them to go down. That's why it's a DROP DOWN menu and not a DROP UP menu.

And I tried the "  var subMenuVAlign="bottom";" command as per your user database forum and it doesn't work.

So the problem is elsewhere....

BTW, I did not have this problem on the trial version, it appeared after I installed your js files in the scripts directory and the key in the data.js file

A: You should set the following parameter for mouseover javascript menu:

  var subMenuVAlign="top";



Q: How do I get started with Deluxe Menu? Do you have a link with instructions?

I designed my own website with DreamWeaver 8.0 ( www.lesvants.com ) but don't have a clue as to how to start designing with your product.


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

Deluxe Menus weren't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-tree.com/installation-info.html

That's all.

It is possible that Dreamweaver changes some paths, so you havean error in the preview.
On your site or in your browser there'll be no errors.

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.


Q: I am trying to placed a separator image in between each item in my css vertical dropdown menu. I have placed the image in the seperator field and it will not display. How can I get an image to be a separator in between items on my css vertical dropdown menu?

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in css vertical dropdown menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in css vertical dropdown menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



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