Template: Sharepoint Designer Dataview Webpart Jtree Jquery

XP Style Orange State Saving Web Tree Menu

State Saving Web Tree 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!
Set the following parameter: var tsaveState = 1;
and the menu remembers its structure for each user who visit your page.
Try to expand/collapse items. Then reload the page and you'll see results.

Key features:

    - Status string shows item labels
    - 3-state icons for each item
    - Items with icons
    - Inactive/Disabled items
    - Several menus on one page
    - Submenus have a fade effect
    - Submenus expand/collapse on mouseover
    - Relative/Absolute menu position

Menu Screenshots Sharepoint Designer Dataview Webpart Jtree Jquery

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

Features Sharepoint Designer Dataview Webpart Jtree Jquery

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Easy Setup

De Luxe Tuner. GUI interface to create your sharepoint designer dataview webpart jtree jquery menus easily and in no time
Sensible menu parameters for manual editing

Movable Graphics Tree Sharepoint Designer Dataview Webpart Jtree Jquery

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

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

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

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

Javascript Tree Menu. Expandable Menu.

You can create 3-state icons for each item: normal state, mouseover state, expanded state.
Use images for icons, backgrounds of submenus and items.
You can use with any amount of menu and submenus on one page.
Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

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

Recent Questions Sharepoint Designer Dataview Webpart Jtree Jquery

Q: Is there any way of setting the height of individual items in a vertical menu as I need to have some buttons bigger than others.

A: You can use <br> tags in the item text.

For example:

["Samples<br>Samples","", "", "", "", "", "", "", "", ],

Q: Do you plan to implement a fix in the cross browser drop down menu for the pointer - many of our users have complained that it is very un-intuitive - surely it must be possible to change the pointer to a hand if there is a link. I have tried putting <a> tags in to the menu labels, but it only changes to a hand if the actual label text is highlighted - it obviously should change whichever part of the box is highlighted? Is there no other workaround?

A: If you set the following parameter:
var itemCursor="pointer";

You'll have the mousepointer being a hand for all itemsin the menu.

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

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

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

Set this parameter:
var itemCursor="default";

Q: Is there a way to capture which dhtml web menu item was clicked and store that information into a database?

A: See how you can find the ID of the clicked item:

var menuItems = [
["Home","javascript:alert(itVar.id)", "", "", "", "_self", "3"],

Q: Images don't appear in my menu.

A: Now you have two lines:

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

and

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

But you should have only one line.
Please, check it.

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