southprojects DHTML Tree Widget - Save State

Save State

- You can save the state of the last node selected, using the saveState option.
- When saveState is true, a cookie with the last selected tree node is saved.
- When the user revisits the page, the tree is expanded to this saved node. A good example is a shopping cart in which the tree opens to the last item the user viewed on their previous visit to the website.
- This demo also demonstrates some of the different HTML elements that you can include in your tree. Since the tree is generated from HTML, it is easy to include checkboxes and other form elements. As you can see, by changing the HTML code, you can easily customize the look of the tree nodes.

- Font effects
  - bold
  - italic
  - Underline
  - multiple
    lines
  - Sizes

    - # H1

    - ## H2

    - ### H3

    - #### H4

    - ##### H5

  - Colors
    - red
    - blue
    - green
    - yellow
    - purple
- Form examples. About me.
  - Name
    - First Name:
    - Last Name:
  - Radio buttons -- your gender
    - I am male
    - I am female
    - I am neither
  - Checkboxes -- My favorites things:
    - Raindrops on roses
    - whiskers on kittens
    - Bright copper kettles
    - Cream colored ponies
    - crisp apple streudels
    - Doorbells and sleigh bells
    - schnitzel with noodles
- Other
  - Links
    - A regular link
    - An image link
    - A javascript link

Collapse all
Expand all
Toggle lines
Turn Off expandOnLabel (currently on)
No node selected.