日期:2014-05-20  浏览次数:20526 次

布鲁斯狼的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; ">