Features Jquery Ui Layout Simpletree

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".

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly". Commonly loads quicker than other html page elements Runs well with an unlimited number of submenus and items

Tree Dropdown Menu Sample Jquery Ui Layout Simpletree

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

Easy Setup

De Luxe Tuner. GUI interface to create your jquery ui layout simpletree menus easily and in no time Sensible menu parameters for manual editing

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

  

Recent Questions Jquery Ui Layout Simpletree

Q: No matter where I place the code, the html free menu always appears in the top left of the page,
I need it elsewhere obviously but it simply won't move.

A: You're using absolute position for the menu now.
You should use relative position in that case.
Change the following parameters:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";

Q: We cannot find any info in any of the other features like open popup window or calendar functions. Please advise.

A: We have different sites for each product:

JavaScript Tree Menu, http://deluxe-menu.com
Javascript/DHTML Tree, http://deluxe-tree.com
Deluxe Tabs, http://deluxe-tabs.com
Calendar, http://www.calendardatepicker.com
Popup Window, http://deluxepopupwindow.com

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.

Q: I'm trying out JavaScript Tree Menu with my site, but I've hit a snag with alignment. My menu bar is located at the top of my page, in a 750px-wide div. I'd like to nest the nav menu in that div, but right-align it so the menus are stuck to the right side of the div. Is that possible with your menu system? If so, can you give an example of how I would accomplish it?


A: You can paste your menu in DIV with right alignment.

<div align="right">
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>