template-header.js

来自「EM算法的改进」· JavaScript 代码 · 共 233 行

/*
 * $Id: template-header.js 1339 2006-09-21 19:46:28Z tbailey $
 *
 * $Log$
 * Revision 1.2  2006/03/07 23:30:20  nadya
 * merge branches v3_5_1 and v3_5_2 back to the trunk
 *
 * Revision 1.1.2.1  2006/02/22 20:47:48  nadya
 * initial revision. enabling styling with js and css
 *
 */

document.write("<table class=maintable>");
document.write("<tr>");
document.write("<td class=menubase>");
document.write("<div id=menu>");

var TREE_ITEMS = [
        ['</a><font class=menufont><b>Menu</b></font>', ,
                ['</a><font class=menufont>Submit A Job</font>', ,
                        ['MEME', 'meme.html'],
                        ['MAST', 'mast.html']
                ],
                ['</a><font class=menufont>Documentation</font>', ,
                        ['Introduction', 'intro.html'],
                        ['MEME Documentation', 'meme-intro.html'],
                        ['MEME Sample Output', 'meme-output-example.html'],
                        ['MAST Documentation', 'mast-intro.html'],
                        ['MAST Sample Output', 'mast-output-example.html'],
                        ['Release Notes', 'release_notes.html'],
                        ['Installation Guide', 'meme-install.html'],
                        ['Publications', 'papers.html'],
		],
                ['</a><font class=menufont>Downloads</font>', ,
                        ['Download MEME/MAST software', 'meme-download.html'],
                        ['License', 'COPYRIGHT.html']
		],
                ['</a><font class=menufont>Resources</font>', ,
                        ['FAQ', 'general-faq.html'],
                        ['User Forum', 'https://nbcr.net/forum/viewforum.php?f=5'],
                        ['Email Support', 'mailto:[e-mail]'],
                ],
                ['</a><font class=menufont>Alternate Servers</font>', ,
                        ['NBCR', 'http://meme.nbcr.net'],
                        ['ABC', 'http://meme.imb.uq.edu.au']
                ],
                ['</a><font class=menufont>Other Tools</font>', ,
                        ['Block Maker', 'http://blocks.fhcrc.org/blockmkr'],
                        ['Meta-MEME', 'http://metameme.sdsc.edu']
                ]


        ]
];

/*
        Feel free to use your custom icons for the tree. Make sure they are all of the same size.
        User icons collections are welcome, we'll publish them giving all regards.
*/

var TREE_TPL = {
        'target'  : 'frameset', // name of the frame links will be opened in
                                                        // other possible values are: _blank, _parent, _search, _self and _top

        'icon_e'  : 'images/empty.gif', // empty image
        'icon_l'  : 'images/line.gif',  // vertical line

    'icon_32' : 'images/base.gif',   // root leaf icon normal
    'icon_36' : 'images/base.gif',   // root leaf icon selected

        'icon_48' : 'images/blankpixel.gif',   // root icon normal
        'icon_52' : 'images/blankpixel.gif',   // root icon selected
        'icon_56' : 'images/blankpixel.gif',   // root icon opened
        'icon_60' : 'images/blankpixel.gif',   // root icon selected

        'icon_16' : 'images/blankpixel.gif', // node icon normal
        'icon_20' : 'images/blankpixel.gif', // node icon selected
        'icon_24' : 'images/blankpixel.gif', // node icon opened
        'icon_28' : 'images/blankpixel.gif', // node icon selected opened

        'icon_0'  : 'images/blankpixel.gif', // leaf icon normal
        'icon_4'  : 'images/blankpixel.gif', // leaf icon selected

        'icon_2'  : 'images/joinbottom.gif', // junction for leaf
        'icon_3'  : 'images/join.gif',       // junction for last leaf
        'icon_18' : 'images/plusbottom.gif', // junction for closed node
        'icon_19' : 'images/plus.gif',       // junctioin for last closed node
        'icon_26' : 'images/minusbottom.gif',// junction for opened node
        'icon_27' : 'images/minus.gif'       // junctioin for last opended node
};


// 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)
// Notes: This script is free. Visit official site for further details.

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.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 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  = !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();
	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] = '<img src="' + this.o_root.a_tpl[o_current_item.is_last() ? 'icon_e' : 'icon_l'] + '" border="0" align="absbottom">';
		o_current_item = o_current_item.o_parent;
	}
	return '<table cellpadding="0" cellspacing="0" border="0"><tr><td nowrap>' + (this.n_depth ? a_offset.join('') + (this.a_children.length
		? '<a href="javascript: trees[' + this.o_root.n_id + '].toggle(' + this.n_id + ')" onmouseover="trees[' + this.o_root.n_id + '].mover(' + this.n_id + ')" onmouseout="trees[' + this.o_root.n_id + '].mout(' + this.n_id + ')"><img src="' + this.get_icon(true) + '" border="0" align="absbottom" name="j_img' + this.o_root.n_id + '_' + this.n_id + '"></a>'
		: '<img src="' + this.get_icon(true) + '" border="0" align="absbottom">') : '') 
		+ '<a href="' + this.a_config[1] + '"  ondblclick="trees[' + this.o_root.n_id + '].toggle(' + this.n_id + ')" onmouseover="trees[' + this.o_root.n_id + '].mover(' + this.n_id + ')" onmouseout="trees[' + this.o_root.n_id + '].mout(' + this.n_id + ')" class="t' + this.o_root.n_id + 'i" id="i_txt' + this.o_root.n_id + '_' + this.n_id + '"><img src="' + this.get_icon() + '" border="0" align="absbottom" name="i_img' + this.o_root.n_id + '_' + this.n_id + '" class="t' + this.o_root.n_id + 'im">' + this.a_config[0] + '</a></td></tr></table>' + (this.a_children.length ? '<div id="i_div' + this.o_root.n_id + '_' + this.n_id + '" style="display:none"></div>' : '');
}

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) };


new tree (TREE_ITEMS, TREE_TPL);

document.write("</div>");
document.write("</td>");
document.write("<td class=maintablewidth>");
document.write("<div id=main>");