Tree Dynamic Menu by Deluxe-Menu.com
Tree Dynamic Menu

Template:

Blue Menu Template - Html Menu Code





    - Submenus dropdown on mouseover
    - Horizontal or vertical orientation
    - Cross-frame support - menus work on frameset-based pages
    - Text aligned to left
    - Image arrows
    - UL/LI items structure
    - Top items and submenus have a shadow
    - Status string shows item labels




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

Menu Screenshots

Tree Dynamic Menu Select Menu Javascript

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed tree dynamic menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Moving Menu Java Tree Dynamic Menu
Cost Effective
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
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: The dropdown menu works perfect locally, but when hosted it doesnt seen to work, im sorry i dont completly understand what you mean when using the other parameters to make it absolute... here is the html files, and the .js files included in a zip file.


A: Now on your website you have the following code:

["Home","C:\Documents and Settings\Josh\Desktop\Josh\Alsek Website\home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","C:/Documents and Settings/Josh/Desktop/Josh/Alsek Website/Pages/LiftKits.html", , , , "iframe", , , , ],
...

On your website you're using paths to the pages situated on a localdisk. It is not right.

You can try to write
["Home","pages/home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","pages/LiftKits.html", , , , "iframe", , , , ],
...

You can also use pathPrefix_link parameter.

  var pathPrefix_link = "http://www.domain.com/";

and write

["Home","home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
 ["|Lift Kits","pages/LiftKits.html", , , , "iframe", , , , ],


Q: Also once you click a link and go to a new page, how do you get the java choice menu tab for that new page to stay the highlighted one?

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

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</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, forexample:

<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 created a test page with your product. I have a frame page consisting of a header and content.
The drop down menus are in the header and cross nicely into the content frame when they drop down. This part is working as planned! The first time I open the test page in my browser any link in any drop down menu will work the first time just fine.
Then, if I pick another link in any drop down menu, it appends the address of the first link to the address of the second link and the URL fails.

It is acting like it writes the url for the first link into some variable, then forgets to null it on select, and then appends the url for the second link to the variable. As I click links in different drop down menus it keeps doing this append feature until I have a very long worthless URL path. If I close the browser and start over then the first thing I click on will work properly, but that is all that will work.

I tried this test page on two different PCs, just in case there was a problem on my browsers. MS IE.6.0


A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: Now I need to work out how to add multiple java menu examples to a page? Are you able to reference these separately - is this possible.

A: You can add as many java menu examples as you want on the one page.

You should call

<SCRIPT type=text/javascript>  var dmWorkPath = "data.files/";</SCRIPT>

<SCRIPT src="data.files/dmenu.js" type=text/javascript></SCRIPT>

and then call your data files:

<SCRIPT src="data.files/data1.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data2.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data3.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data4.js" type=text/javascript></SCRIPT>



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