Sliding Tree Menu Using Javascript by Deluxe-Menu.com
Sliding Tree Menu Using Javascript

Template:






    - Cross-frame support - menus work on frameset-based pages
    - Sound support!
    - Items with icons
    - Submenus go over all page objects
    - Filters and Transitional effects
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Status string shows item labels
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Sliding Tree Menu Using Javascript Pure Css Menus

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

Features

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
Cost Effective
Dhtml Example Codes Sliding Tree Menu Using Javascript
Easy Setup
  • De Luxe Tuner. GUI interface to create your sliding tree menu using javascript menus easily and in no time
  • Sensible menu parameters for manual editing
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!
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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: After much coming and going I have finally got De Luxe menu to work with Firefox 2

But the menu system on the exact same htm page I have created does not show up in IE7.

Is this a known problem?

A: Try to set the exact width for the menu,

  var menuWidth="700px";



Q: But where on javascript drop down menu creator I can set the dmsearch=2 ? I can't find it, there isn't an option or submenu for the search box on the left side of deluxe tuner.

A: Use last version of javascript drop down menu creator v3.2.

You can find

  var dmSearch=2;

parameter in the "Advanced" section of parameter's list.

Then you should select an item (where you want to add search box), forexample first item and add

search:value='search...' style='border:1px;width:60px;height:14;font-size:10px;'

code into the "Link" field directly ("Item Parameters" window).



Q: Is there anyway of selecting the tab in mouse over tab menu according to what webpage you are on ?

A: Deluxe Tabs doesn't support API functions which can return the
selected tab aslo.

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=;
  var bselectedSmItem=;
</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, for
example:
<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: I'm testing the trial version and I'm having a little problem with the state saving. Everytime it navigates to another page, it does not save the state, even with

  var tsaveState=1;

In fact, it actually opens up a different menu other than the one I originally clicked.


A: See, if you open pages (with menus) from different folder it means that you open different menus. So, when you change a state, for example, of the first menu within "newzap/" folder and then open another page with the menu within "newzap/learn/", browsers looks for another cookie file and can't find it and the second menu stays in a default state.

Try to set different

  var tsavePrefix="menu1";
  var tsavePrefix="menu2";
  var tsavePrefix="menu3";

for different menus.
That should work.


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