页签切换div域不显示

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<HTML>
<link href="/images/css.css" type=text/css rel=stylesheet>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<style type="text/css">
<!--
.btn1_mouseout {BORDER-RIGHT: #448FEC 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: 
#448FEC 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: 
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, 
StartColorStr=#ffffff, EndColorStr=#B1D5FF); BORDER-LEFT: #448FEC 
1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; 
BORDER-BOTTOM: #448FEC 1px solid}
-->
</style>
<style>
body {
font-size: 12px;
font-family: 宋体
}ul.TabBarLevel1 {
list-style: none;
margin: 0;
padding: 0;
height: 20px;
}ul.TabBarLevel1   li {
float: left;
padding: 0;
height: 20px;
margin-right: 1px;
background: url(/images/a.jpg) left top no-repeat;
}ul.TabBarLevel1   li   a {
display: block;
line-height: 20px;
padding: 0 20px;
color: #333;
background: url(/images/b.jpg) right top no-repeat;
white-space: nowrap;
}ul.TabBarLevel1   li.Selected {
background: url(/images/a.jpg) left top no-repeat;
}ul.TabBarLevel1   li.Selected   a {
background: url(/images/a.jpg) right top no-repeat;
}ul.TabBarLevel1   li   a:link,ul.TabBarLevel1   li   a:visited {
color: #333;
}ul.TabBarLevel1   li   a:hover,ul.TabBarLevel1   li   a:active {
color: #F30;
text-decoration: none;
}ul.TabBarLevel1   li.Selected   a:link,ul.TabBarLevel1   li.Selected   a:visited
{
color: #000;
}ul.TabBarLevel1   li.Selected   a:hover,ul.TabBarLevel1   li.Selected   a:active
{
color: #F30;
text-decoration: none;
}div.HackBox { height: 200px;
width: 359px;
display: none;
}
</style>
<script language="JavaScript">   
  //Switch   Tab   Effect   
  function   switchTab(tabpage,tabid){   
                  var   oItem   =   document.getElementById(tabpage);         
  for(var   i=0;i<oItem.children.length;i++){   
  var   x   =   oItem.children(i);   
  x.className   =   "";   
  var   y   =   x.getElementsByTagName('a');   
  y[0].style.color="#333333";   
  }   
  document.getElementById(tabid).className   =   "Selected";   
  var   dvs=document.getElementById("cnt").getElementsByTagName("div");   
  for   (var   i=0;i<dvs.length;i++){   
      if   (dvs[i].id==('d'+tabid))   
          dvs[i].style.display='block';   
      else   
          dvs[i].style.display='none';   
  }   
  } 
  function change(name){
   if(name=='dl'){
    document.getElementById("schedule").style.display="inline";
    }else{
      document.getElementById("schedule").style.display="none";
    }
  }      
  </script>
<body background="/images/1.gif">
<form name="myform" method="post"
action="/publishServlet?command=save">
<table>
<tr>
<td height="20"></td>
</tr>
</table>
<table width="650" id="border" border="0" cellspacing="5"
bgcolor="#F7FBFF">
<tr>
<td height="20" bgcolor="#F7FBFF" bordercolor="7AC2DE">
<div align="left">
PublishDefinition >> ${publishNavigate} >> Add
</div>
</td>
</tr>
<tr>
<td height="20" bgcolor="#F7FBFF" bordercolor="7AC2DE">
<input  type="button" class="btn1_mouseout" value="save" />　
<input  type="button" class="btn1_mouseout" value="saveTemplet" />　
<input  type="button" class="btn1_mouseout" value="readTemplet" />　
</td>
</tr>
<tr>
<td height="200"  bgcolor="#F7FBFF" bordercolor="7AC2DE"> <div id="Whatever">
<ul class="TabBarLevel1" id="TabPage1">
<li id="Tab1" class="Selected">
<a href="#"
onMouseover="javascript:switchTab('TabPage1','Tab1');" class="A1">SemanticLayerEdit</a>
</li>
<li id="Tab2">
<a href="#"
onMouseover="javascript:switchTab('TabPage1','Tab2');" class="A1">PublishEdit</a>
</li>
</ul>
<div id="cnt">
<div id="dTab1" class="HackBox" style="display: block">
<table width="550" height="200" cellpadding="0" cellspacing="1" bordercolor="#FFFFFF" bordercolorlight="#5984D7" border="1">                                      <tr align="center"> 
                                        <td width="130" rowspan="3" valign="top" bgcolor="#98cffe">&nbsp;</td>
                                        <td width="50" height="25" bgcolor="D5E7FF">Code</td>
                                        <td bgcolor="D5E7FF" align="left">
                                          <input id="code" name="code" type="text"  onKeyUp="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onKeyDown="if(event.keyCode==13)event.keyCode=9"  onBlur="getCodeOnly()">
                                        </td>
                                      </tr >
                                      <tr align="center" >
                                        <td height="30" bgcolor="D5E7FF">Name</td>
                                        <td bgcolor="D5E7FF" align="left">
<input type="text" name="name" onKeyUp="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onKeyDown="if(event.keyCode==13)event.keyCode=9"/>
                                         </td>
                                      </tr>
                                      <tr align="center">
                                        <td bgcolor="D5E7FF">Type</td>
                                        <td bgcolor="D5E7FF" align="left" valign="top">
                                        <input type="radio" name="type" value="frame" onClick="change('fl')"> Frame Layer<br>
                                        <input type="radio" name="type" value="data" onClick="change('dl')"> Data Layer<br>
                                       <div id="schedule" style="display: none">
                                          &nbsp;Schedule <textarea id="sentence"  name="sentence" dcols="30" rows="2"></textarea>
                                          <input type="button" value="ProduceDataItem" class="btn1_mouseout">
                                      </div>
                                        </td>
                                      </tr>
                                  </table> </div>
<div id="dTab2" class="HackBox">
发布编辑内容
</div>
</div>
</div> </td>
</tr>
<tr>
<td height="70" bgcolor="#F7FBFF" bordercolor="7AC2DE">
</td>
</tr>
</table>
</form>
</body>
</HTML>