// Title: 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)
// Contact: feedback@softcomplex.com (specify product title in the subject)
// Notes: This script is free. Visit official site for further details.
/* Note: This script has been changed by Thomas Praxl to be able to
- specify an icon for each entry
- add as much icons with links as you want (they´ll appear to the right of the entry)
*/
/****
fasttree.js
How to use: simply write
new tree(myItems, mySkin, myClasses)
where myClasses may be null (if you do not wish to specify special Icons for the entries)
For a description of mySkin and myClasses see treeSkins.js
parameter:
myItems
This is an array with the following entries:
string displayedName, string href, string specialClass,
[[string class, string href, string target],...],
[ child (the same entries) ]
an Example:
[['root', null, null, null,
['childLevel1', 'about:blank', null,null,
['childLevel2', 'about:blank', 'manager', [['editable', 'editMe.html', '_blank']]]
['anotherChildLevel2', .........]
]
]]
you sure will want to change the style of the tree.
This is done by adding two styles to the document:
t0i (item Text) and t0im (item Image)
have fun:)
Thomas Praxl
***/
var baseImagePath = "";
function tree (a_items, a_template, a_entryclasses, _baseImagePath, isOpen) {
baseImagePath = _baseImagePath?_baseImagePath:"";
this.a_entclass = a_entryclasses;
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 = baseImagePath+a_template['icon_e'];
o_iconl.src = baseImagePath+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 = baseImagePath+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.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();
if(isOpen) open_child(this.a_children[i]);
}
}
function open_child (c_of_this) {
for (var x = 0; x < c_of_this.a_children.length; x++) {
c_of_this.a_children[x].open();
open_child (c_of_this.a_children[x]);
}
}
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 ? 4 : 0)];
if (!this.a_config) return;
this.o_root = o_parent.o_root;
if(this.a_config[2]){
this.b_specialEntry = true;
if(this.o_root.a_entclass['im_'+this.a_config[2]]==null){
var o_obj = new Image();
o_obj.src = baseImagePath + this.o_root.a_entclass[this.a_config[2]];
this.o_root.a_entclass['im_'+this.a_config[2]] = o_obj;
}
}
if(this.a_config[3]){
for(var i = 0; i < this.a_config[3].length;++i){
if( this.o_root.a_entclass['im_'+this.a_config[3][i]] == null){
var o_obj = new Image();
o_obj.src = baseImagePath+this.o_root.a_entclass[this.a_config[3][i][0]];
this.o_root.a_entclass['im_'+this.a_config[3][i][0]] = o_obj;
}
}
}
this.o_parent = o_parent;
this.n_order = n_order;
this.b_opened = !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 - 4; i++)
new tree_item(this, i);
this.get_icon = item_get_icon;
this.render_extra_icons = tree_item_render_extra_icons;
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');
for(var i = 0; i < this.a_children.length; i++)
{
var o_iicon = document.images['i_img'+ this.o_root.n_id+'_'+this.a_children[i].n_id];
o_iicon.src = this.a_children[i].get_icon();
}
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();
return Boolean(this.a_config[1]);
}
function item_upstatus (b_clear) {
window.setTimeout('window.status="Welcome to the message forum"', 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] = '';
o_current_item = o_current_item.o_parent;
}
var retStr = '