// Title: tree_in_divs.js (Tigra Tree)
// Description: See the demo at url
// URL: http://www.softcomplex.com/products/tigra_menu_tree/
// Version: 1.1
// Date: 11-12-2002 (mm-dd-yyyy)
// Notes: This script is free. Visit official site for further details.
// Slightly modified (rcg, May 22/07), no doubleclick, use divs instead of frames.
function tree(a_items, a_template)
{
this.a_tpl = a_template;
this.a_config = a_items;
this.o_root = this;
this.a_index = [];
this.o_selected = null;
this.n_depth = -1;
var o_icone = new Image(),
o_iconl = new Image();
o_icone.src = a_template['icon_e'];
o_iconl.src = a_template['icon_l'];
a_template['im_e'] = o_icone;
a_template['im_l'] = o_iconl;
for (var i = 0; i < 64; i++)
{
if (a_template['icon_' + i])
{
var o_icon = new Image();
a_template['im_' + i] = o_icon;
o_icon.src = a_template['icon_' + i];
}
}
this.toggle = function (n_id) { var o_item = this.a_index[n_id]; o_item.open(o_item.b_opened) };
this.select = function (n_id) { return this.a_index[n_id].select(); };
this.mout = function (n_id) { this.a_index[n_id].upstatus(true) };
this.mover = function (n_id) { this.a_index[n_id].upstatus() };
this.select_and_toggle = function (n_id)
{
var o_item = this.a_index[n_id]; o_item.open(o_item.b_opened);
// fill_content(o_item.a_config[1]);
return o_item.select();
};
this.a_children = [];
for (var i = 0; i < a_items.length; i++)
new tree_item(this, i);
this.n_id = trees.length;
trees[this.n_id] = this;
for (var i = 0; i < this.a_children.length; i++)
{
document.write(this.a_children[i].init());
// this.a_children[i].open();
}
}
function set_(e, s)
{
document.getElementById(e).innerHTML = s;
}
function set(s)
{
set_("content", s);
// Exec any JS in the loaded content.
var elements = document.getElementById("content").getElementsByTagName("script");
for (var i = 0; i < elements.length; i++)
{
eval(elements[i].innerHTML);
}
show_wait_cursor(false);
}
function show_wait_cursor(b)
{
set_("wait", b ? "
" : "");
}
function fill_content(pth)
{
var xmlhttp = false;
if (location.protocol == "file:" && document.all)
{
if (!xmlhttp) try { xmlhttp = new ActiveXObject("MSXML2.XMLHTTP"); } catch (e) { xmlhttp = false; }
if (!xmlhttp) try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { xmlhttp = false; }
}
else
xmlhttp = new XMLHttpRequest();
if (xmlhttp)
{
show_wait_cursor(true);
xmlhttp.open('GET', pth, true);
xmlhttp.onreadystatechange = function ()
{
if (xmlhttp.readyState == 4)
{
set(xmlhttp.responseText);
}
}
xmlhttp.send();
}
}
function tree_item(o_parent, n_order)
{
this.n_depth = o_parent.n_depth + 1;
this.a_config = o_parent.a_config[n_order + (this.n_depth ? 2 : 0)];
if (!this.a_config) return;
this.o_root = o_parent.o_root;
this.o_parent = o_parent;
this.n_order = n_order;
this.b_opened = 0; //!this.n_depth;
this.n_id = this.o_root.a_index.length;
this.o_root.a_index[this.n_id] = this;
o_parent.a_children[n_order] = this;
this.a_children = [];
for (var i = 0; i < this.a_config.length - 2; i++)
new tree_item(this, i);
this.get_icon = item_get_icon;
this.open = item_open;
this.select = item_select;
this.init = item_init;
this.upstatus = item_upstatus;
this.is_last = function () { return this.n_order == this.o_parent.a_children.length - 1 };
}
function item_open(b_close)
{
var o_idiv = get_element('i_div' + this.o_root.n_id + '_' + this.n_id);
if (!o_idiv) return;
if (!o_idiv.innerHTML)
{
var a_children = [];
for (var i = 0; i < this.a_children.length; i++)
a_children[i] = this.a_children[i].init();
o_idiv.innerHTML = a_children.join('');
}
o_idiv.style.display = (b_close ? 'none' : 'block');
this.b_opened = !b_close;
var o_jicon = document.images['j_img' + this.o_root.n_id + '_' + this.n_id],
o_iicon = document.images['i_img' + this.o_root.n_id + '_' + this.n_id];
if (o_jicon) o_jicon.src = this.get_icon(true);
if (o_iicon) o_iicon.src = this.get_icon();
this.upstatus();
}
function item_select(b_deselect)
{
if (!b_deselect)
{
var o_olditem = this.o_root.o_selected;
this.o_root.o_selected = this;
if (o_olditem) o_olditem.select(true);
}
var o_iicon = document.images['i_img' + this.o_root.n_id + '_' + this.n_id];
if (o_iicon) o_iicon.src = this.get_icon();
get_element('i_txt' + this.o_root.n_id + '_' + this.n_id).style.fontWeight = b_deselect ? 'normal' : 'bold';
this.upstatus();
fill_content(this.a_config[1]);
return Boolean(this.a_config[1]);
}
function item_upstatus(b_clear)
{
window.setTimeout('window.status="' + (b_clear ? '' : this.a_config[0] + (this.a_config[1] ? ' (' + this.a_config[1] + ')' : '')) + '"', 10);
}
function item_init()
{
var a_offset = [],
o_current_item = this.o_parent;
for (var i = this.n_depth; i > 1; i--)
{
a_offset[i] = ' ? 'icon_e' : 'icon_l'] + ')
';
o_current_item = o_current_item.o_parent;
}
var theTarget = this.o_root.a_tpl['target'];
//if (typeof (this.a_config) != "undefined" && this.a_config[0] == "Order")
// theTarget = "_blank";
var itemText = this.a_config[0];
var hasKids = this.a_children.length;
var s = '
';
s += '';
if (this.n_depth)
{
s += a_offset.join('');
if (hasKids)
{
s += ' + ') ';
}
else
{
s += '';
}
}
s +=
'' +
' + ') ' + this.a_config[0] + '';
s += ' | ';
s += '
';
if (hasKids)
{
s += '';
}
return s;
}
function item_get_icon(b_junction)
{
return this.o_root.a_tpl['icon_' + (
//(this.n_depth ? 0 : 32) +
(this.a_children.length ? 16 : 0) +
(this.a_children.length && this.b_opened ? 8 : 0) +
(!b_junction && this.o_root.o_selected == this ? 4 : 0) +
(b_junction ? 2 : 0) +
(b_junction && this.is_last() ? 1 : 0))];
}
var trees = [];
get_element = document.all ?
function (s_id) { return document.all[s_id] } :
function (s_id) { return document.getElementById(s_id) };