i've solved it
i changed the script to:
Code:
var ultree;
(function() {
function treeInit() {
ultree = new YAHOO.widget.TreeView("treeDiv");
ultree.setExpandAnim(YAHOO.widget.TVAnim.FADE_IN);
ultree.setCollapseAnim(YAHOO.widget.TVAnim.FADE_OUT);
ultree.readList();
ultree.subscribe("expand", function(node) {
});
ultree.subscribe("collapse", function(node) {
});
ultree.subscribe("labelClick", function(node) {
});
ultree.draw();
fetch_object('treenavi').style.visibility = 'visible';
}
YAHOO.util.Event.onDOMReady(treeInit);
})();
and to the table/div whatever you have i added:
Code:
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" style="visibility:hidden" id="treenavi">
style="visibility:hidden" id="treenavi"
so now it have a id(needed for the fetch_object method and it is set visibility:hidden, so it is hidden until
Code:
YAHOO.util.Event.onDOMReady(treeInit);
the "dom is ready" that means until everything is loaded
and then i fire the init function, now the tree is "built" and visibility is set
here's a video how it looks like:
http://www.ragtek.org/tutorials/treemenu.htm