Osx Tree View Of Drive by Deluxe-Tree.com
Osx Tree View Of Drive


Buy Now!  Free Trial Download

Menu Screenshots Osx Tree View Of Drive

Osx Tree View Of Drive Tree Javascript Frame

Features Osx Tree View Of Drive

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed osx tree view of drive samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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".
Sliding Tree Menu Javascript Osx Tree View Of Drive
Easy Setup
  • De Luxe Tuner. GUI interface to create your osx tree view of drive menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Osx Tree View Of Drive

Q: I use your licensed deluxe menu and I got a customer specific issue:

Is it possible to set no background color for the menus first level and a background color for all submenus?

I couldn't find a parameter to set different variables for main level and sublevels...

Thank you for your feedback

A: You should use Individual Styles for your subitems.

  var menuBackColor="";
  var itemBackColor=["",""];

  var itemStyles = [
["itemBackColor=#81BEC9,#CCE6EA"], //style0
];
["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ], //style
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ],//style0
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
   ["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "", "", ],
 ["|Parameters Info","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "0", "", "", ],//style0



Q: I need to include backgroundimages for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.
Any solutions for this problem?


A: Now you have such paths for all your images data.files/image.gif

  var itemStyles = [
["itemWidth=128px","itemBackImage=data.files/nav01_off.gif,data.files/nav01_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav02_off.gif,data.files/nav02_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav03_off.gif,data.files/nav03_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav04_off.gif,data.files/nav04_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav05_off.gif,data.files/nav05_off.gif"],
];

But you don't have images in "data.files/" folder. That's why youcan't see them.
Please, check all your paths.

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: My top levels over the menu have no link and as such I need the cursor not to change when hovering over it – only change over the menus that drop down.

Please let me know how to fix this


A: Unfortunately, you can't change cursor type for different items.
But you can write so:

["< a href='http://deluxe-menu.com/'> Home ["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use < a> tag.

Set this parameter:
  var itemCursor="default";


Q: I recently purchased your Deluxe-Tabs product and I am trying to create tabs that occupy 100% width with each tab being equal width.

Right now when I specify 100% menu width all of the tabs are difference sizes (widths).

How do I control the individual tab width?


A: You should use Individual Item styles to achieve this effect.

See the attached example.

You should set:

  var bmenuWidth="100%";

I have 5 items in my example, so I've created Individual Style

  var bstyles = [
["bitemWidth=20%"],
];

And assign it for all items:
["Item 1 aaaaa ssssss","", "", "", "", "", "0", "", "", ],
["Item 2 ffff jjjjjjjjjj","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],

But notice that items width cannot be smaller than the width of its'text. So it is possible that you'll have different size of some itemsif your window have a small size.