Yui Treeview State Cookie by Deluxe-Tree.com
Yui Treeview State Cookie


Buy Now!  Free Trial Download

Menu Screenshots Yui Treeview State Cookie

Yui Treeview State Cookie Tree Menu And Submenu

Features Yui Treeview State Cookie

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed yui treeview state cookie samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Seamless Integration
  • 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
Simple Drop Down Menu Tree Yui Treeview State Cookie
Unrivalled Features
  • Scrollable, dragable, floating
  • 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".
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your yui treeview state cookie menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!
  • When the submenu is bigger than the visible page area, you can use the scollbar for submenus to scroll your menu!

Recent Questions Yui Treeview State Cookie

Q: How do I make the top nav buttons exactly the same width for each button?

Total menu width is 743px and I have 6 buttons I want the width of each button to be fixed at 123px.

I set   var menuWidth="743" but it averages out the buttons based on the text.


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=123px"], //style 0
];

  var menuItems = [

["Home","testlink.html", , , , , "0", , , ], //style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "0", , , ], //style 0


Q: We just downloaded the trial versions to evaluate and I noticed something a little odd. When I build a menu that will not have icons next to the links, I don't see a way the I can move the test further tothe left inside the menu.

Notice how the links within the menu box are almost centered? Is there anyway to move those items further to the left?


A: Try to set the following parameter.

  var tlevelDX=0;

You cannot move it closer to the left side.


Q: There's a 1 pixel white padding around the css drop down menu that I'm trying to remove.

Is it a padding setting -- a margin setting -- a div setting?

A: This is a shadow.

Set the following parameter:

  var shadowTop=0;



Q: Can I install the menu using my buttons? I might be able to do it if the buttons used only one image, but they use two images. One is light and the other dark.

I also have some questions:
1) Will the menu stay in view when the user scrolls down?

2) I'm not even sure I care if the menu stays in view, because I believe that is done using php and is not good for SEO. The file that the search engines see is index.html while the file that visitors see is home.php. I think it would be better for SEO to have a normal .html page. Are you able to do that?


A: See how you should make image-based menus: if item text is empty, icon fields will be used as item images.
For example:
["", "index.html", "menu1a.gif", "menu1b.gif", "Home Page"]

1) You should use floatable feature.
See the following parameter:
  var floatable=1;

2) You can generate search engine friendly code using Deluxe Tuner:
"Tools/Generate SE-friendly Code".