📄 bak_leftframe.jsp

📁 关于网上汽车销售系统的详细编程项目实战实例
💻 JSP
字号:
<%@ page language="java" pageEncoding="gbk"%>

<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-template" prefix="template" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-nested" prefix="nested" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html locale="true">
  <head>
    <html:base />
    
    <title>bak_leftframe.jsp</title>

	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  
  <script  type="text/javascript">
var preClassName = "";
function list_sub_detail(Id,item){
   if(preClassName != ""){
      getObject(preClassName).className="left_back";
   }
   if(getObject(Id).className == "left_back"){
      getObject(Id).className="left_back_onclick";
	  outlookbar.getbyitem(item);
      preClassName = Id;
	  //showInnerText(Id);
   }
}

 //获取对象属性兼容方法
 function getObject(objectId) {
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId);
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId);
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
}
//自动导航栏生成
 function outlook()
{
	this.titlelist=new Array();
	this.itemlist=new Array();
	this.addtitle=addtitle;
	this.additem=additem;
	this.getbytitle=getbytitle;
	this.getbyitem=getbyitem;
	this.getdefaultnav=getdefaultnav;
}

function theitem(intitle,insort,inkey,inisdefault)
{
	this.sortname=insort;
	this.key=inkey;
	this.title=intitle;
	this.isdefault=inisdefault;
}

function addtitle(intitle,sortname,inisdefault)
{
	outlookbar.itemlist[outlookbar.titlelist.length]=new Array();
	outlookbar.titlelist[outlookbar.titlelist.length]=new theitem(intitle,sortname,0,inisdefault);
	return(outlookbar.titlelist.length-1);
}

function additem(intitle,parentid,inkey)
{
	if (parentid>=0 && parentid<=outlookbar.titlelist.length)
	{
	    insort="item_"+parentid;
		outlookbar.itemlist[parentid][outlookbar.itemlist[parentid].length]=new theitem(intitle,insort,inkey,0);
		return(outlookbar.itemlist[parentid].length-1);
	}
	else
		additem=-1;
}

function getdefaultnav(sortname){
  var output="";
  //alert('sortname:'+sortname);
   for (i=0;i<outlookbar.titlelist.length ;i++ )
   {
     //alert('nav:'+outlookbar.titlelist[i].title);
     if (outlookbar.titlelist[i].isdefault==1 && outlookbar.titlelist[i].sortname==sortname)
     {
	 output+="<div class=list_tilte id=sub_sort_"+i+" onclick=\"hideorshow('sub_detail_"+i+"')\">";
     output+="<span>"+outlookbar.titlelist[i].title+"</span>";
	 output+="</div>";
 	 output+="<div class=list_detail id=sub_detail_"+i+"><ul>";
	 for (j=0;j<outlookbar.itemlist[i].length ;j++ )
	 {
	    output+="<li id="+outlookbar.itemlist[i][j].sortname+j+" onclick=\"changeframe('"+outlookbar.itemlist[i][j].title+"','"+outlookbar.titlelist[i].title+"','"+outlookbar.itemlist[i][j].key+"')\"><a href=#>"+outlookbar.itemlist[i][j].title+"</a></li>";
	 }
	 output+="</ul></div>";
     }
   }
   getObject('right_main_nav').innerHTML=output;
}

function getbytitle(sortname){
  var output="<ul>";
   for (i=0;i<outlookbar.titlelist.length ;i++ )
   {
     if (outlookbar.titlelist[i].sortname==sortname)
     {
     output+="<li id=left_nav_"+i+" onclick=\"list_sub_detail(id,'"+outlookbar.titlelist[i].title+"')\" class=left_back>"+outlookbar.titlelist[i].title+"</li>";
     }
   }
   output+="</ul>";
   getObject('left_main_nav').innerHTML=output;
}

function getbyitem(item){
  var output="";
   for (i=0;i<outlookbar.titlelist.length ;i++ )
   {
     if (outlookbar.titlelist[i].title==item)
     {
     output="<div class=list_tilte id=sub_sort_"+i+" onclick=\"hideorshow('sub_detail_"+i+"')\">";
     output+="<span>"+outlookbar.titlelist[i].title+"</span>";
	 output+="</div>";
 	 output+="<div class=list_detail id=sub_detail_"+i+" style='display:block;'><ul>";
	 for (j=0;j<outlookbar.itemlist[i].length ;j++ )
	 {
	    output+="<li id="+outlookbar.itemlist[i][j].sortname+"_"+j+" onclick=\"changeframe('"+outlookbar.itemlist[i][j].title+"','"+outlookbar.titlelist[i].title+"','"+outlookbar.itemlist[i][j].key+"')\"><a href=#>"+outlookbar.itemlist[i][j].title+"</a></li>";
	 }
	 output+="</ul></div>";
     }
   }
   getObject('right_main_nav').innerHTML=output;
   //alert(output);
  }
  
//切换框架
function changeframe(item,sortname,src){
   if(item!=""&&sortname!=""){
      window.top.frames['mainFrame'].getObject('show_text').innerHTML = sortname+"&nbsp;&nbsp;<img src=images/slide.gif broder=0 />&nbsp;&nbsp;"+item;
   }
   if(src!=""){
     window.top.frames['manFrame'].location=src;
   }
}  
//（显示／隐藏）模块操作
function hideorshow(divid){
    subsortid="sub_sort_"+divid.substring(11);
    if(getObject(divid).style.display=="none"){
	   getObject(divid).style.display="block";
	   getObject(subsortid).className="list_tilte";
	}else{
	   getObject(divid).style.display="none";
	   getObject(subsortid).className="list_tilte_onclick";
	}
}
//初始化
function initinav(sortname){
    outlookbar.getdefaultnav(sortname);
	outlookbar.getbytitle(sortname);
	window.top.frames['manFrame'].location="manFrame.html";
}
 document.write("<script src=js/nav.js></"+"script>");
</script>
<body onload="initinav('管理首页')">
<div id="left_content">
     <div id="user_info">欢迎您，<strong>pobear</strong><br />[<a href="#">系统管理员</a>，<a href="#">退出</a>]</div>
	 <div id="main_nav">
	     <div id="left_main_nav"></div>
		 <div id="right_main_nav"></div>
	 </div>
</div>
</body>
</html:html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -