如何点击一个按钮使它能隐藏/显示左框架

index.htm:
<HTML><HEAD><TITLE></TITLE><LINK 
href="/theme/10/style.css" type=text/css rel=stylesheet>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD><FRAMESET id=frame1 
border=0 frameSpacing=0 rows=68,*,20 frameBorder=NO cols=*><FRAME name=banner 
src="topbar.php" frameBorder=0 noResize 
scrolling=no><FRAMESET id=frame2 border=0 frameSpacing=0 rows=* frameBorder=NO 
cols=200,8,*><FRAME name=leftmenu src="ipanel" 
frameBorder=0 noResize><FRAME name=callleftmenu 
src="callleftmenu.php" frameBorder=0 noResize 
scrolling=no><FRAME name=table_index 
src="table_index.php" 
frameBorder=0></FRAMESET><FRAME name=status_bar 
src="status_bar/status_bar.php" frameBorder=0 noResize 
scrolling=no></FRAMESET></HTML>
callleftmenu.php:
<HTML><HEAD><TITLE>控制左菜单显隐</TITLE><LINK href="callleftmenu.files/style.css" 
type=text/css rel=stylesheet>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>var LEFT_MENU_VIEW=0;function leftmenu_open()
{
   LEFT_MENU_VIEW=0;
   leftmenu_ctrl();
}function leftmenu_ctrl()
{
   if(LEFT_MENU_VIEW==0)
   {
      parent.frame2.cols="200,8,*";
      LEFT_MENU_VIEW=1;
      myarrow.src="/images/menu/arrow_l.gif";
   }
   else
   {
      parent.frame2.cols="0,8,*";
      LEFT_MENU_VIEW=0;
      myarrow.src="/images/menu/arrow_r.gif";
   }
}function setPointer(theRow, thePointerColor)
{
    if (typeof(theRow.style) == 'undefined' || typeof(theRow.cells) == 'undefined')
    {
        return false;
    }    var row_cells_cnt=theRow.cells.length;
    for (var c = 0; c < row_cells_cnt; c++)
    {
        theRow.cells[c].bgColor = thePointerColor;
    }    return true;
}</SCRIPT><META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY 
style="PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; PADDING-BOTTOM: 0pt; MARGIN: 0pt; PADDING-TOP: 0pt" 
leftMargin=0 topMargin=0 onload=leftmenu_ctrl()>
<TABLE class=col height="100%" cellSpacing=0 cellPadding=0 width="100%" 
align=center>
  <TBODY>
  <TR>
    <TD>
      <TABLE height=50 cellSpacing=0 borderColorDark=#ffffff cellPadding=0 
      width="100%" bgColor=#eeeeee borderColorLight=#000000 border=1>
        <TBODY>
        <TR onmouseover="setPointer(this, '#D3E5FF')" onclick=leftmenu_ctrl() 
        onmouseout="setPointer(this, '#EEEEEE')">
          <TD style="CURSOR: hand"><IMG id=myarrow 
            src="callleftmenu.files/arrow_l.gif"> 
  </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY></HTML>

解决方案 »

  1.   

    建议使用iFrame<iframe name="frame1" id="frame1" src="http://www.hao123.com" target="_blank"></iframe><input type="button" onclick="showHideFrame(this);" value="隐藏"><script language="javascript">
    function showHideFrame(obj){
    document.getElementById("frame1").style.display=obj.value=="隐藏"?"none":"";
    obj.value=obj.value=="隐藏"?"显示":"隐藏";
    }
    </script>
      

  2.   

    你可以把框架放在table中，通过<td id=""> 隐藏td来实现。
      

  3.   

    楼上的代码非常简练可是好像忘记考虑这点：“把那FRAME隐藏之后左边就是一个白的
    右边的得也不能自动延伸，这样就只能显示右边的部分左边的部分依然空白”