JavaScript在Structs中应用的一个问题

[QH1900]

最近在作一个Structs的东西,需要一个下拉菜单.用JavaScript实现后放到WebSphere5.0上进行测试却出现问题,说是有脚本错误,有一些对象未定义.希望哪位高人能帮我指点迷津,解决这个问题.或者可以用其他方式实现.

[ice_berg16]

没代码怎么看

[QH1900]

<%-- 导航界面 --%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" %>
<%@ page import="org.apache.struts.action.ActionErrors" %>
<%@ page import="org.apache.struts.action.ActionMessages" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<script type="text/javascript" src=js_daohang.js></script><%--"嵌入脚本"--%>
<style type="text/css">
<!--
td {
font-size: 9pt;
line-height: 12pt;
text-decoration: none
}
</style>

<table width="100%" border="0" >
<tr>
<td width="50%" rowspan="3"/><%-- 插入公司标志 --%>
<IMG border="0" src="/web/images/Belstars.GIF" width="384" height="81" align="left">

<td>
<div align="center">
<html:link action="/Product"> <%-- "产品" --%>
<bean:message key="message.Product"/>
</html:link>
</div>
</td>

<td>
<div align="center">
<html:link action="/Contact?type=Info"> <%-- "联系人" --%>
<bean:message key="message.Linkman"/>
</html:link>
</td>
<td>
<div align="center">
<html:link action="/Product"> <%-- "项目" --%>
<bean:message key="message.Project"/>
</html:link>
</td>
<td>
<div align="center">
<script language="javascript"> <%--"使用脚本"--%>
createMainLayer();
</script>
</td>
</tr>
<tr>

<td>
<div align="center">
<html:link action="/SystemUser"> <%-- "访谈" --%>
<bean:message key="message.Customer.Interview"/>
</html:link>
</div>
</td>
<td>
<div align="center">
<html:link action="/SystemUser"> <%-- "首页" --%>
<bean:message key="message.HomePage"/>
</html:link>
</div>
</td>
<td>
<div align="center">
<html:link action="/SystemUser"> <%-- "注销" --%>
<bean:message key="message.Logoff"/>
</html:link>
</div>
</td>

</tr>
</table>

[QH1900]

//--------------- 主导航条内容 ------------//
var mainLayer=new Array("客户访谈");//主导航栏目

//--------------- 次导航条内容 ------------//
var subLayer0=new Array("访谈计划","访谈记录"); //导航栏目一下的次级栏目
var subLayerHttp0=new Array("www.sina.com.cn","www.google.com");//主导航栏目一下的次级栏目连接地址


//--------------- 主导航条Table参数调整 ------------//
var mainTableTdWidth=100; //每个TD的宽度，调整主导航内容间距
var mainTableBorder=0; //调整主导航表格边框宽度
var mainTableCellspacing=0; //调整主导航表格Cellspacing
var mainTableCellpadding=1; //调整主导航表格Cellpadding
var mainTableBgcolor="#FFFFFF"; //调整主导航表格背景色
var mainTableBordercolor="#FFFFFF"; //调整主导航表格编框颜色
var mainTableBackgroundImg=""; //调整主导航表格背景图片url地址
var hrefClassName="link" //调整url风格样式
var mainTableTdBgcolor="#FFFFFF"; //调整主导航表格Td色

//--------------- 次导航条Table参数调整 ------------//
var subTableBorder=0; //调整次导航条表格边框宽度
var subTableCellspacing=0; //调整次导航条表格Cellspacing
var subTableCellpadding=1; //调整次导航条表格Cellpadding
var subTableBgcolor="#FFFFFF"; //调整次导航条表格背景色
var subTableBordercolor="#FFFFFF"; //次导航条表格编框颜色
var subTableBackgroundImg=""; //次导航条表格背景图片url地址
var subTableTdBgcolor="#FFFFFF"; //调整次导航表格Td色
var sbuTabbleTop=21; //次导航表格上下微调
var sbuTabbleLeft=-1; //次导航表格左右微调

//--------------- 系统参数*请勿调整 ------------//
var layerMax=mainLayer.length+10;
var layerName="index";

//--------------- 生成下拉菜单 ------------//
function createMainLayer(){
document.write("<table border=0 cellspacing=0 cellpadding=0><tr><td><div id='wall' onmouseout=layervib('visible','"+layerMax+"') style='position:relative; left:0px; top:0px; width:100%; z-index:1' ><table width="+mainLayer.length*mainTableTdWidth+" border='"+mainTableBorder+"' cellspacing='"+mainTableCellpadding+"' cellpadding='"+mainTableCellpadding+"' bgcolor='"+mainTableBgcolor+"' bordercolor='"+mainTableBordercolor+"' background='"+mainTableBackgroundImg+"'><tr>");
for(i=0;i<mainLayer.length;i++){
document.write("<td width='"+mainTableTdWidth+"' bgcolor='"+mainTableTdBgcolor+"' class='"+hrefClassName+"' onmouseover=layervib('visible','"+i+"')> <a href='#'>"+mainLayer[i]+"</a></td>");
}
document.write("</tr></table>");

for(j=0;j<mainLayer.length;j++){
createSubLayer(j);
}
document.write("</div></table></td></tr></table>");
}

//--------------- 生成每项下拉菜单内容 ------------//
function createSubLayer(num){
var subLayerName= layerName +num;
var subLayerLeft=(mainTableTdWidth*num)+mainTableCellpadding+mainTableBorder;
var subLayerList=eval("subLayer"+num);
var subLayerHttpList=eval("subLayerHttp"+num);
document.write("<div id='"+subLayerName+"' style='position:absolute; left:"+(subLayerLeft+sbuTabbleLeft)+"px; top:"+((mainTableBorder+mainTableCellspacing+mainTableCellpadding)*2+sbuTabbleTop)+"px; z-index:2; height: 24px; visibility: hidden' onmouseover=layervib('visible','"+num+"') onmouseout=layervib('visible','"+layerMax+"')>");
if(subLayerList.length!=0){
document.write("<table width='100px' border='"+subTableBorder+"' cellspacing='"+subTableCellpadding+"' cellpadding='"+subTableCellpadding+"' bgcolor='"+subTableBgcolor+"' bordercolor='"+subTableBordercolor+"' background='"+subTableBackgroundImg+"'")
for(h=0;h<subLayerList.length;h++){

document.write("<tr><td bgcolor='"+subTableTdBgcolor+"' width='100%' class='link'> <a href='"+ subLayerHttpList [h]+"' class='link'>"+subLayerList[h]+"</a> </td></tr>");
}
document.write("</table>");
}
document.write("</div>");

}

//------------------------------次菜单显隐控制--------------------------//
function layervib(type,num){
var H=type;
var temp=(H='visible'?'hidden':'visible')
for(var i=0;i<mainLayer.length;i++){
var E=eval('document.all.index'+i+'.style');
var H=eval(i);
if(i==num){E.visibility=type}else{E.visibility=temp};
}
}