1. 程式人生 > >frameset下frame控制兄弟框架的顯示與隱藏

frameset下frame控制兄弟框架的顯示與隱藏

    首先,在這裡我們一個frameset用到了三個frame

在父介面de 寫的程式碼如下:

<frameset rows="<%=str %>" name="right"  id="right" >
     <frame src="PhoneTest.aspx" name="phone" id="Frame1" runat="server" scrolling="No" noresize="noresize" />
     <frame src="Phonehide.aspx" name="hide" id="Frame2" runat="server" scrolling="No" noresize="noresize" />
     <frame src="Announcement/HomeList.aspx"  name="mainFrame" marginheight="0" id="mainFrame" title="mainFrame" scrolling="auto" />
</frameset>
aspx.cs介面寫的程式碼如下(原程式中有一個判斷,確定在介面首次載入的時候Frame1是可見的):
if (string.IsNullOrEmpty(qy) || qy=="0")
            {
                //hid.Value = "0";
               
                str = "";
                Frame1.Visible = false;
                Frame2.Visible = false;
            }
            else if (qy == "1")
            {
                //hid.Value = "1";
                str = "160,30,*";
                Frame1.Visible = true;
                Frame2.Visible = true;
            }
在Frame2介面有一個按鈕,他可以控制Frame1介面的顯示以及隱藏。

Frame2介面寫的程式碼如下:

<script type="text/javascript" >
        var i = 0;
        function setFrmHeight() {
            if(i%2==0){
                window.parent.document.getElementById("right").rows = ("0,30,*");
                document.getElementById("b1").value = "點選開啟";
                i = i+1;
           
            }else
            {
                window.parent.document.getElementById("right").rows = ("160,30,*");
                document.getElementById("b1").value = "點選收起";
                i = i+1;
            }
        }

</script>
b1是控制Frame1出現隱藏的按鈕控制元件
<input id="b1" type="button"  name="b1"  value="點選收起"   onclick="setFrmHeight()" runat="server"/>
完成之後,我就們可以實現點選按鈕實現Frame1框架的出現、隱藏。