tabmenu.js

ARCGIS程序,可以实现查、缩放等功能

    strTable +=" <td width='4' height='5'><img src="../../../../pageComponent/resources/scripts/menu/+corner_right+" width='4' height='5'></td>";
	strTable +=" </tr><tr><td style='width:124px;text-align:center;' colspan='4'><font color=#000000 ><b>"+divELA.innerText+"<b></font></td>";
    strTable +="  </tr></table>";	
	
	divELA.innerHTML = strTable;
	divELA.style.backgroundColor=bgBarNormal;
	divELB.style.visibility="visible";
	//重新设定二级菜单滚动窗口的内容
	two_span.innerHTML=divELB.innerHTML;
	
	initTWO();
	initTHREE();
	//改变主窗口的标题
	setWindowTitle(divELA.innerText);
}

/*
功能说明：菜单转换的函数（运用于第二级菜单）
参数说明：
a:要显示的第二级菜单;
b:要显示的第二级菜单中被选中的子项;
c:要显示的第三级菜单;
*/
function OverTwoMenu(a,b,c)
{	
	divELB=eval(b);
	CurColor=divELB.style.backgroundColor;
	//判断该子项是否已经处于被选中状态，如果是，则返回
	if(CurColor.toLowerCase()==bgBarSelect.toLowerCase())
		return;	
	//初始化三级菜单滚动窗口的内容
	three_span.innerHTML=ThridMenu;
	//先取得当前显示的二级菜单编号
	MenuNum = a.substring(a.length-1);
	//使第二级菜单中的所有子项处于未被选中状态	
	MenuTWO=eval("Menu"+MenuNum);
	for(j=1;j<MenuTWO[3]+1;j++)
	{
		//使第二级菜单中的所有项都变成未被选中状态
		MenuTwoString="TwoMenu"+MenuNum+"_"+j;					
		MenuTwo=eval(MenuTwoString);
		MenuTwo.style.backgroundColor=bgBarNormal;
		MenuTwo.innerHTML = "<font color=#000000 ><img src="+NormalImage+" width=11 height=11>" + MenuTwo.innerText + "</font>";
		//隐藏第三级菜单
		MenuThreeString="DIVMenu"+MenuNum+"_"+j;					
		MenuThree=eval(MenuThreeString);
		MenuThree.style.visibility="hidden";
	}
	
	
	divELB.innerHTML = "<font color=#000000 ><img src="../../../../pageComponent/resources/scripts/menu/+SelectImage+" width=11 height=11>" + divELB.innerText + "</font>";
	divELB.style.backgroundColor=bgBarSelect;
	divELC=eval(c);
	divELC.style.visibility="visible";
	//重新设定三级菜单滚动窗口的内容
	three_span.innerHTML=divELC.innerHTML;
	initTHREE();
}


//链接制定的URL的函数
function LinkURL(URLstr,Targetstr)
{
	if(URLstr=="")
		return;
//	Targetstr=(Targetstr==""?"top.mainFrame.location":"top."+Targetstr+".location");
    Targetstr=Targetstr+".location";
	eval(Targetstr).href=URLstr;
}


//主窗口标题改变函数（运用于第三级菜单）
function changeTitle(Textstr,URLstr,Targetstr)
{
	setWindowTitle(divELA.innerText+" -- "+divELB.innerText+" -- "+Textstr);
	LinkURL(URLstr,Targetstr);
}

//改变背景颜色（运用于第三级菜单）
function changeBgColor(tdobject,type)
{
	obj = eval(tdobject);
	obj.style.backgroundColor=(type=="over"?"#FF9966":"");
	obj.style.cursor = "hand";
}

/*
功能说明：菜单转换、链接指定URL的函数（运用于第一级菜单）
参数说明：
OneMenu:要显示的第一级菜单;
TwoMenu:要显示的第二级菜单;
URLstr:URL链接;
Targetstr:链接的目标窗口;
*/
function OneMenuLink(OneMenu,TwoMenu,URLstr,Targetstr)
{
	OverOneMenu(OneMenu,TwoMenu);
	if(URLstr=="")
		return;
//	Targetstr=(Targetstr==""?"top.mainFrame.location":"top."+Targetstr+".location");
    Targetstr=Targetstr+".location";
	eval(Targetstr).href=URLstr;
}


//显示1级菜单项目
function showFirstMenu()
{
	htmlString="";
	htmlString+="<table width='100%' height='24' border='0' cellpadding='0' cellspacing='0' bgcolor='" + menu_1_bg_color + "' style='border:solid 1px #004990; border-bottom:none;padding-left:24px;font-size:"+menu_font_size+"pt'>";
	htmlString+="<tr align='center'>";
	width = 100/FirstMenuCount;
	var w = width + "%";
	for(i=1;i<FirstMenuCount+1;i++)			
	{
		MenuString="Menu"+i;
		MenuOne=eval(MenuString);
		htmlString+="<td valign='top' id='One"+MenuString+"' style='background-color:" + menu_1_bg_color + ";cursor:hand;width:"+w+"' ";
		htmlString+="onClick=OneMenuLink('One"+MenuString+"','Two"+MenuString+"','"+MenuOne[1]+"','"+MenuOne[2]+"')>";
	
		htmlString+="<font color=#FFFFFF ><b>"+MenuOne[0]+"</b></font></td>";
	}
	htmlString+="</tr></table>";
	document.write(htmlString);	
}



//显示2级菜单项目
function showSecondMenu()
{
	document.write('<div style="width:100%;background:'+bgBarNormal+';" >')
	document.write('<table width="100%" height="24" border="0" cellpadding="0" cellspacing="0" style="border:solid 1px #5191CD;font-size:'+menu_font_size+'pt"><tr>')
	document.write('<td id="two_left_button" style="cursor:hand;" onClick="two_left()" ><<</td><td>');
	document.write('<div id="two_div" style="width:'+two_offset*(getSystemMatric()>2?8:6)+';height:24;background:'+bgBarNormal+';overflow:hidden;">');
	document.write('<div id="two_span" style="position:relative;left:0;display:none">');
	document.write('<nobr>');
	htmlString="";
	for(i=1;i<FirstMenuCount+1;i++)			
	{   
		MenuString="Menu"+i;
		MenuTwo=eval(MenuString);
		htmlString+="<table id='Two"+MenuString+"' style='POSITION: absolute; VISIBILITY:hidden;font-size:'"+menu_font_size+"pt' width='100%' border='0' cellspacing='0' cellpadding='0'>";
		htmlString+="<tr>";
		htmlString+="<td bgcolor='"+bgBarNormal+"'><table height='24' border='0' cellpadding='0' cellspacing='0' bgcolor='"+bgBarNormal+"'>";
		htmlString+="<tbody><tr>";
		for(j=1;j<MenuTwo[3]+1;j++)
		{
			MenuTwoString="Menu"+i+"_"+j;
			subMenuArray=eval(MenuTwoString);
	          	htmlString+="<td valign='bottom'>";
	          	htmlString+="<table width='"+two_offset+"' height='20' border=0 cellpadding=0 cellspacing=0 style='font-size:"+menu_font_size+"pt'>"; 
	                htmlString+="<tr> "; 
	                htmlString+="<td id='Two"+MenuTwoString+"' align=center onMouseOver=OverTwoMenu('Two"+MenuString+"','Two"+MenuTwoString+"','DIV"+MenuTwoString+"') "; 
	                htmlString+="width='100%' style='cursor:hand' ";
	                htmlString+="onMouseUp=LinkURL('"+subMenuArray[1]+"','"+subMenuArray[2]+"')><font color='#000000' >"; 
	                htmlString+="<img src='../../../../pageComponent/resources/scripts/menu/"+NormalImage+"' width='11' height='11'> "+subMenuArray[0]+"</font></td>"; 
	                htmlString+="</tr>";  
	                htmlString+="</table></td> ";  
        	} 
		htmlString+="</tr></tbody></table></td></tr></table>";
	}
	SecondMenu=htmlString;
	document.write(htmlString);
	document.write('</nobr></div></div>');
	document.write('</td><td id="two_right_button" style="cursor:hand;" align="left" onClick="two_right()" >>></td></tr></table></div>');
}



//显示3级菜单项目
function showThirdMenu()
{
	document.write('<div style="width:100%;background:'+bgBarSelect+';" >')
	document.write('<table width="100%" height="24" border="0" cellpadding="0" cellspacing="0" style="font-size:'+menu_font_size+'pt">')
	document.write('<tr><td id="three_left_button" style="cursor:hand;" onClick="three_left()" ><<</td><td>');
	document.write('<div id="three_div" style="width:'+three_offset*(getSystemMatric()>2?7:5)+';height:24;background:'+bgBarSelect+';overflow:hidden;">');
	document.write('<div id="three_span" style="position:relative;left:0;display:none">');	
	document.write('<nobr>');
	htmlString="";
	for(i=1;i<FirstMenuCount+1;i++)			
	{   
		MenuTwo=eval("Menu"+i);
		for(j=1;j<MenuTwo[3]+1;j++)
		{
			MenuThree="Menu"+i+"_"+j;;
			MenuThreeArray=eval(MenuThree);
			htmlString+="<table id='DIV"+MenuThree+"' style='POSITION: absolute; VISIBILITY:hidden;font-size:'"+menu_font_size+"pt' width='100%' cellspacing='0' cellpadding='0'>";
			htmlString+="<tr>";
			htmlString+="<td><table height='24' border='0' cellpadding='0' cellspacing='0' bgcolor='"+bgBarSelect+"' style='font-size:"+menu_font_size+"pt'>";
			htmlString+="<tbody><tr>";
			for(k=1;k<MenuThreeArray[3]+1;k++)
			{
				SubMenu=eval("Menu"+i+"_"+j+"_"+k);
	          	htmlString+="<td>";
	          	htmlString+="<table width='"+three_offset+"' border=0 cellpadding=0 cellspacing=0 style='font-size:"+menu_font_size+"pt'>"; 
                htmlString+="<tr> "; 
                htmlString+="<td align=center onMouseOver=changeBgColor(this,'over'); onMouseOut=changeBgColor(this,'out'); onMouseUp=changeTitle(this.innerText,'"+SubMenu[1]+"','"+SubMenu[2]+"');>";
				htmlString+=SubMenu[0];
                htmlString+="</td>"; 
                htmlString+="</tr>";  
                htmlString+="</table></td> ";  
	        }
			htmlString+="</tr></tbody></table></td></tr></table>";
		}
	}
	ThridMenu=htmlString;
	document.write(htmlString);	
	document.write('</nobr></div></div>');
	document.write('</td><td id="three_right_button" style="cursor:hand;" align="right" onClick="three_right()" >>></td></tr></table></div>');
}


//改变主窗口的标题
function setWindowTitle(titlestr)
{
	parent.document.title=titlestr;
}


//执行显示菜单的函数
showFirstMenu();
showSecondMenu();
showThirdMenu();

//显示默认选中的菜单
OverOneMenu("OneMenu1","TwoMenu1");
//执行初始化二级菜单滚动内容的函数
initTWO();
//执行初始化三级菜单滚动内容的函数
initTHREE();