如何隐藏frameset左侧树结构


<frameset id="glb_frm" border="0" frameSpacing="0" cols="15%,0.5%,*" frameBorder="no">
  <frame id="tree_frm" name="tree_frm" src="xmltree/tree.jsp" noResize>
  <frame id="ctr_frm" name="ctr_frm" noResize scrolling="no">
  <frame id="main_frm" name="main_frm" src="/default.jsp" noResize>
</frameset>
想在ctr_frm中间加个左三角,点击后tree_frm隐藏,之后变为右三角,再点击后tree_frm显示原有宽度.我不知道怎么加事件,而且那个三角的图片怎么放...也在src里吗?

解决方案 »

  1.   

    我知道用js修改cos值...我不知道在哪加事件...
      

  2.   

    这是本人写的显示和隐藏frame代码，信息输出是struts实现
    <%@page contentType="text/html"%>
    <%@page pageEncoding="UTF-8"%>
    <%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %>
    <%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
    <%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
            <title>JSP Page</title>
        </head>
        <script language=javascript>
            var currentChoice = true;
            arrow1=new Image;
            arrow2=new Image;
            arrow1.src="../../images/scroll_right.gif";
            arrow2.src="../../images/scroll_left.gif";
            
            
            function hidFrame()
            {
              if (currentChoice)
              {
                document.img1.src=arrow1.src;
                document.img1.alt="<bean:message key="main.menuhide"/>";
              } 
              else 
              {
                document.img1.src=arrow2.src;
                document.img1.alt="<bean:message key="main.menushow"/>";
              }
            
              if(currentChoice)
              {
                  parent.submain.cols="0,*";
                  document.img1.src=arrow2.src;
                  document.img1.alt="<bean:message key="main.menushow"/>";
              }
              else
                {
                  parent.submain.cols="180,*";
                  document.img1.src=arrow1.src;
                  document.img1.alt="<bean:message key="main.menuhide"/>";
                } 
                currentChoice = !currentChoice;
            }
          </script>
        <body bgcolor="#E0EBFC">    <div id="showmenu" style="left: 0px; width: 10px; position: absolute; top: 221px; height: 31px">
          <img onmouseover="this.style.cursor='hand'" onclick=hidFrame() alt="<bean:message key="main.menuhide"/>" src="../../images/scroll_right.gif" name="img1">
        </div>
        </body>
    </html>
      

  3.   

    <frameset id="glb_frm" border="0" frameSpacing="0" cols="15%,0.5%,*" frameBorder="no">
      <frame id="tree_frm" name="tree_frm" src="xmltree/tree.jsp" noResize>
      <frame id="ctr_frm" src="xmltree/line.htm" name="ctr_frm" noResize scrolling="no">
      <frame id="main_frm" name="main_frm" src="/default.jsp" noResize>
    </frameset>line.htm<html>
    <title></title><script>
    var LEFT_MENU_VIEW=1;
    function leftmenu_ctrl()
    {
       if(LEFT_MENU_VIEW==0)
       {
          parent.tree_frm.cols="15%,0.5%,*";
          LEFT_MENU_VIEW=1;
          myarrow.src="../images/ctrl_menu.gif"; //左箭头
       }
       else
       {
          parent.tree_frm.cols="0,0.5%,*";
          LEFT_MENU_VIEW=0;
         myarrow.src="../images/ctrl_menu1.gif"; //右箭头
       }
    }
    </script></head>
    <body class="body">
        <table width="10" height="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td ></td>
            </tr>
            <tr>
                <td height="60" style="cursor: hand" onclick="leftmenu_ctrl()">
                    <img src="../images/ctrl_menu.gif" width="10" height="60" name="myarrow" id="myarrow"></td>
            </tr>
            <tr>
                <td ></td>
            </tr>
        </table>
    </body>
    </html>
      

  4.   

    不知道你要想点哪起作用,我设置的是点三角起做用<frameset id="glb_frm" border="0" frameSpacing="0" cols="15%,1%,*" frameBorder="no">
      <frame id="tree_frm" name="tree_frm" src="xmltree/tree.jsp" noResize>
      <frame id="ctr_frm" name="ctr_frm" noResize scrolling="no" src="open.htm">
      <frame id="main_frm" name="main_frm" src="/default.jsp" noResize>
    </frameset>
    open.htm<html style="margin:0;padding:0">
    <head>
    <title></title>
    <script language="javascript" type="text/javascript">
    var f=false;
    function change(){
    if(f==false){
    //alert(top.document.getElementById('glb_frm').attributes["cols"]);
    top.document.getElementById('glb_frm').attributes["cols"].value="0%,1%,*";
    document.getElementById('tg').src="close.gif";//你的左三角
    f=true;
    }else{
    top.document.getElementById('glb_frm').attributes["cols"].value="15%,1%,*";
    document.getElementById('tg').src="open.gif";//你的右三角
    f=false;
    }
    }
    </script>
    </head>
    <body style="background-color:yellow;margin:0;padding:0">
    <img id="tg" src="close.gif" id="tog" style="width:20px;height;20px;top:200px;position:absolute" onclick="change()"/>
    </body>
    </html>