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

Menu Screenshots

Javascript Slider Control Html For Popup Menus

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
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
Css Menu Bar 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!
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
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.

  • 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 want to make a Treemenu with AJAX.

If I look in the dhtml menu tool preview all is good.

But if I put it in a html, it does not function anymore.

I'm using Version 3.2.6.12 (you sent me a while ago)

A: There is a bug in the current version of Deluxe Tuner. It doesn't saveengine file for AJAX menu - dtree_ajax.js.

Please, copy it manually now. We'll correct this bug in the nextversion.

You should also add tWorkPath parameter in your html page.
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">dhtml menu tool by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->


Q: I am setting up a 3 tab script and each tab opens a new page butthe state of the tab selected reverts back to the default tab.
How do I keep the tab selected for the html vertical tabs when advancing to the next tab (new page)?

A: You should change the selected tab depending on the page you are now.

This Tabs menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters(  var bselectedItem) or
using any server-side script (php, asp, etc.)

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

So, you can set "bselectedItem" parameter based on your link beforeyou call data.js file.

For example, move "bselectedItem" parameter from data.js file to yourcode.

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

You should define seltabs using server side script.


Q: I am having some difficulty dynamically adding items to a tree javascript and menu.

I have a menu with one "root" item. I see the use of the "+" symbol within the item name. I do not see any documentation regarding this symbol, only "|". Can you explain?

If I have one menu with this one "root" node, how would I add an subitem to this root node?

Here is my code so far, but the inserted items appear to be at the same level as the root node.

  var rootItem = dtreet_ext_getItemIDByIndex ( 0,0 );

  var menuItem = new Array(10);
for (   var i = 0; i < producers.length; i++ )
{
  var producer = producers[ i ];
menuItem[0] = producer.name;

dtreet_ext_insertItem ( 0, 0, i + 1, menuItem );

A: See dtreet_ext_insertItem () function has the following parameters:

function dtreet_ext_insertItem (menuInd, parentItemID, itemInd, itemParams)

Creates a new item and inserts it into a specified position.
menuInd - index of a javascript and menu on a page, >= 0.
parentItemID - ID property of an item.<, >= 0.
itemInd - index of a new item within the javascript and menu, >= 0.
itemParams - item parameters.

Notice that parentItemID is the Id property of the parent item (notindex). If you want to add top items you should set parentItemID=0.

itemInd - you should use this parameter if you want to add item in thespecific place, for example set itemInd=5 if you want to add itembefore the existing item with itemInd=5.
If you set itemInd=null the new item will be added at the end of this submenu and its index will be added automatically.



Q: Is it possible to integrate simple dhtml menu tree into a framesite?

A: You should install the simple dhtml menu in a standart way inthe frame where you want to have a menu and open links in a contentframe, use the following parameter:

  var titemTarget="frame";