布鲁斯狼的TabPane 选项卡刷新时引起的问题
我是采用Table+CSS这种方法来实现的TabPane 选项卡功能:现在有一个问题:
如果我在第四选项卡上单击提交按钮,把数据保存到数据库,那么页面就会刷新一次,这样就又回到了第一选项卡上,请问大家这个问题怎么解决?想实现无刷新是不可能的吧?怎么样能让页面刷新的时候让第四选项卡处于选中状态呢?
<style type=text/css>
td {
font-size: 12px;
color: #000000;
line-height: 150%;
}
.sec1 {
background-color: #EEEEEE;
cursor: hand;
color: #000000;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid #FFFFFF
}
...
.main_tab {
background-color: #D4D0C8;
color: #000000;
border-left:1px solid #FFFFFF;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}
</style>
<script language=javascript>
function secBoard(n)
{
for(i=0;i <secTable.cells.length;i++)
secTable.cells[i].className= "sec1 ";
secTable.cells[n].className= "sec2 ";
for(i=0;i <mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display= "none ";
mainTable.tBodies[n].style.display= "block ";
}
</script>
<table border=0 cellspacing=0 cellpadding=0 width=549 id=secTable>
<tr height=20 align=center>
<td class=sec2 width=10% onclick= "secBoard(0) "> 关于TBODY标记 </td>
<td class=sec1 width=10% onclick= "secBoard(1) "> 关于cells集合 </td>
<td class=sec1 width=10% onclick= "secBoard(2) "> 关于tBodies集合 </td>
<td class=sec1 width=10% onclick= "secBoard(3) "> 关于display属性 </td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=0 width=549 height=240 id=mainTable class=main_tab>
<tbody style= "display:block; ">
<tr>
<td align=center valign=top> <br>
<br>
这里填加内容,略去。1 </td>
</tr>
</tbody>
...
</table>
------解决方案--------------------关注
------解决方案-------------------- <table border=0 cellspacing=0 cellpadding=0 width=549 height=240 id=mainTable class=main_tab>
<tbody style= "display:block; ">