Scroll bar when needed

[Søren Petersen]

I have tried solving my problem by reading the forum, but I can’t get it right.

I also send en mail to support team, but does so fare not get any answer.

Maybe my question is peace of cake for most of the users, but I hope some can help me:

I need some samples on how i can make a tree with scroll bars in a table cell or I frame.

My problem is here http://www.kortguide-bornholm.dk/RP/LEV_3/ASP/A_test.asp

I would be very grateful for any help (I am using the pro version) and best of all a samplepage.

[AlexKunin]

You need Pro version with relative positioning and autoexpanding turned on. Make sure that table cell has "overflow: auto;" (though <td><div style="overflow: auto;"></div></td> is much more comptable, AFAIK).

[Søren Petersen]

Dear Alex

Thank you for your answer. But i think i must do something wrong. Maybe me problem is one of a beginner problem.... So i hope you have time to help me out.

My format.js look like this:

var TREE_FORMAT = [
// 0. left position
1,
// 1. top position
1,
// 2. show buttons ("+" and "-" images)
true,
// 3. button images: collapsed state, expanded state, blank image
["../../../script/img/pil_H.gif", "../../../script/img/pil_N.gif", "../../../script/img/blank1.gif"],
// 4. size of buttons: width, height, indent amount for childless nodes
[20, 20, 0],
// 5. show icons ("folder" and "document")
true,
// 6. icon images: closed folder, opened folder, document
["../../../script/img/blank2.gif", "../../../script/img/blank3.gif", "../../../script/img/pil_H_16.gif"],
// 7. size of icons: width, height
[16, 16],
// 8. indent amount for each level of the tree
[0, 0, 2, 3],
// 9. background color for the tree
"",
// 10. default CSS class for nodes
"treeNode",
// 11. individual CSS classes for levels of the tree
["clsNodeL1", "clsNodeL2"],
// 12. "single branch" mode
true,
// 13. padding and spacing values for all nodes
[0, 0],
// 14. "explorer-like" mode
false,
// 15. images for "explorer-like" mode
["", "", "", "", "", "", "", "", "", ""],
// 16. size of images for "explorer-like" mode: width, height
[0, 0],
// 17. store tree state into cookies
false,
// 18. relative positioning mode
true,
// 19. initial space for the relatively positioned tree: width, height
[178, 461],
// 20. resize container of the relatively positioned tree
true,
// 21. change background-color and style for selected node
false,
// 22. background color for unselected node, background color for selected node, class for selected node
["", "", ""],
// 23. text wrapping margin
0,
// 24. vertical alignment for buttons and icons
"middle"
];

In my asp file my cell looks like this:

<td width="140" align="left" valign="top"><div style="overflow:auto;"><script>var tree1 = new COOLjsTreePRO("tree1", TREE_NODES, TREE_FORMAT);tree1.init();</script></div></td>

What is wrong here? The result looks like this:

http://www.kortguide-bornholm.dk/RP/LEV_3/ASP/A_test.asp

Do you have a example you could sent?

[AlexKunin]

I have no example, sorry.

Try to give that <div> some dimensions - the browser just does not know what to scroll. At least give it some height.

[Søren Petersen]

I have tried that! But the result was still not right!

Do you know someone who could help me out with an example? Of cause i would pay for the time!

[AlexKunin]

Are you sure you've tried this? The URL still points to the page with no height specified.

Please, send me (alx@cooldev.com) the code of your page, and I'll try to fix it.