menu.js

很不错的公文流转系统

var bV=parseInt(navigator.appVersion);
NS4=(document.layers) ? true : false;
IE4=((document.all)&&(bV>=4))?true:false;
ver4 = (NS4 || IE4) ? true : false;


firstInd=0;


function MItem(aURL,dispText,helpText,parent,level,isLeaf)
{
	this.aURL = aURL;
	this.dispText = dispText;
	this.helpText = helpText;
	this.parent = parent;
	this.level = level;
	this.isLeaf = isLeaf;
	this.visible = false;
	this.expanded = false;
	return this;
}




function arrange() {
	if (NS4){
		nextY = document.layers[firstInd].pageY + document.layers[firstInd].document.height;
		for (i=firstInd+1; i<document.layers.length; i++) {
			whichEl = document.layers[i];
			if (whichEl.visibility != "hide") {
				whichEl.pageY = nextY;
				nextY += whichEl.document.height;
			}
		}
	}
}





function ShowMenuItem(idx)
{
	menuItems[idx].visible = true;
	if (IE4)
		document.all["menu"+idx].style.display="block";
	else if (NS4){
		document.layers[idx].visibility="show";
	}
}
function HideMenuItem(idx)
{
	menuItems[idx].visible = false;
	if (IE4) document.all["menu"+idx].style.display="none";
	else if (NS4) document.layers[idx].visibility="hide";
}





function HighlightMenuItem(idx)
{
	if (IE4){
		document.all["menu"+idx].style.color="white";
		document.all["menu"+idx].style.backgroundColor="#005860";
	}
	else if (NS4){
		el = document.layers[idx];
		el.color="white";
		el.bgColor="#005860";
	}
}



function NormalMenuItem(idx)
{
	if (IE4){
		document.all["menu"+idx].style.color="#483828";
		document.all["menu"+idx].style.backgroundColor="#fbeccc";
	}
	else if (NS4){
		el = document.layers[idx];
		el.color="50402f";
		el.bgColor="#fbeccc";
	}
}

function Expand(idx)
{
	str="";
	var i;

	if (menuItems[idx].isLeaf)
		return;
	if (!menuItems[idx].visible)
		alert("Something goes wrong--expand invisible item");

	// Collapse brother
	parentIdx = menuItems[idx].parent;
	for (i=0;i<menuItems.length;i++){
		if (menuItems[i].parent==parentIdx && menuItems[i].expanded){
			if (i<idx)
				NormalMenuItem(idx);
			Collapse(i);
			break;
		}
	}
	

	// Expand children

	for (i=idx+1;i<menuItems.length;i++){
		if (menuItems[i].parent==idx){
			ShowMenuItem(i);
			str +="idx=" +i +"   ";
		}
		if (menuItems[i].expanded)
			Expand(i);
		if (menuItems[i].level<=menuItems[idx].level)
			break;
	}
	menuItems[idx].expanded = true;
	if (IE4){
		img = eval("MenuItemImg"+idx);
		img.src = "/img/menuminus.gif";
	}
	else if (NS4){
		img = document.layers[idx].document.images[0];
		img.src = "/img/menuminus.gif";
	}
}

function Collapse(idx)
{
	var i;
	if (menuItems[idx].isLeaf)
		return;
	for (i=idx+1;i<menuItems.length;i++){
		if (menuItems[i].level<=menuItems[idx].level)
			break;
		HideMenuItem(i);
	}
	menuItems[idx].expanded = false;
	if (IE4){
		img = eval("MenuItemImg"+idx);
		img.src = "/img/menuplus.gif";
	}
	else if (NS4){
		img = document.layers[idx].document.images[0];
		img.src = "/img/menuplus.gif";
	}
}

function Toggle(idx)
{
	if (menuItems[idx].expanded)
		Collapse(idx);
	else
		Expand(idx);
	if (NS4)
		arrange();
	return false;
}

function InitMenuItems()
{
	var i;
	strIndent = "&nbsp;&nbsp;";
	if (IE4){
		for (i=0;i<menuItems.length;i++){
			str = "<DIV ID=\"menu"+i+"\" OnMouseOver=\"HighlightMenuItem("+i+")\" OnMouseOut=\"NormalMenuItem("+i+")\"";
			if (menuItems[i].isLeaf){
				str += " CLASS=\"MenuItemIE\" ";
				str += " ONCLICK=\"top.MainFrame.location='"+menuItems[i].aURL+"';\" CLASS=\"MenuItemIE\" >";
				for (j=0;j<menuItems[i].level;j++)
					str += strIndent;
				str += "<IMG BORDER=0 SRC=\"/img/transparent.gif\" WIDTH=12 HEIGHT=12>";
				str += menuItems[i].dispText;
			}
			else{
				str += " CLASS=\"MenuItemIE2\" ";
				str += " OnClick=\"Toggle("+i+");\">";
				for (j=0;j<menuItems[i].level;j++)
					str += strIndent;
				str += "<IMG BORDER=0 NAME=\"MenuItemImg"+i+"\" SRC=\"/img/menuplus.gif\">";
				str += menuItems[i].dispText;
			}
			str += "</DIV>";
			document.write(str);
		}
		if (document.all["menu0"]){
			document.all["menu0"].style.borderTop = "1 solid";
		}
		for (i=0;i<menuItems.length;i++){
			if (menuItems[i].level==0)
				ShowMenuItem(i);
			else
				HideMenuItem(i);
		}
	}else if (NS4){
		for (i=0;i<menuItems.length;i++){
			str = "<DIV ID=\"menu"+i+"\" CLASS=\"MenuItemNS\">";
			if (menuItems[i].isLeaf){
				str += "<A HREF=\""+menuItems[i].aURL+"\"  OnMouseOver=\"HighlightMenuItem("+i+");\" OnMouseOut=\"NormalMenuItem("+i+");\">";
				for (j=0;j<menuItems[i].level;j++)
					str += strIndent;
				str += "<IMG BORDER=0 SRC=\"/img/transparent.gif\" WIDTH=12 HEIGHT=12>";
				str += "<FONT COLOR=BLACK>"+menuItems[i].dispText+"</FONT></A>\n";
			}
			else{
				str += " <A HREF=\"#\" OnMouseOver=\"HighlightMenuItem("+i+");\" OnMouseOut=\"NormalMenuItem("+i+");\" OnClick=\"return Toggle("+i+");\">";
				for (j=0;j<menuItems[i].level;j++)
					str += strIndent;
				str += "<IMG BORDER=0 NAME=\"MenuItemImg"+i+"\" SRC=\"/img/menuplus.gif\">";
				str += "<FONT COLOR=BLACK>"+menuItems[i].dispText+"</FONT></A>\n";
			}
			str += "</DIV>";
			document.write(str);
		}
		for (i=0;i<menuItems.length;i++){
			if (menuItems[i].level==0)
				ShowMenuItem(i);
		}
		arrange();
	}
}