Question

我有一个HTML页面，分为两个框架集，第一帧包含4个按钮，第二帧显示表单，根据单击的按钮，只能显示4种表单中的1种。

e.g。如果用户点击按钮＆＃39; form1＆＃39;在第1帧中，第2帧应该显示＆＃39; FORM1＆＃39;如果用户点击按钮＆＃39;第3帧＆＃39;在第1帧中，第2帧应显示＆＃39; FORM3＆＃39;。

我需要的是能够根据第一帧中单击的按钮更改第二帧中表单的来源。

这是主框架文件：

<html>
    <head>
        <title>User Management</title>
    </head>

    <frameset rows="9% ,91%" >
        <frame src="buttons.php" 
               name='Frame1' 
               scrolling="no" 
               name="work_disply" 
               noresize="noresize" />

        <frame src="form1.php" 
               name='Frame2' 
               scrolling="yes" 
               name="work_ground" 
               noresize="noresize" />
    </frameset>
</html>

Answer 1

这应该做你需要的：

<a target="Frame2" href="form1.php">Show form 1</a>
<a target="Frame2" href="form2.php">Show form 2</a>
<a target="Frame2" href="form3.php">Show form 3</a>
<a target="Frame2" href="form4.php">Show form 4</a>

有关HTML 4 spec中目标和框架的更多信息。

Answer 2

在buttons.php中的frame1中，按钮的代码应该是这样的

<input type="button1" value="button1"
  onClick="parent.Frame2.location.href='Form1.php'">
</form>
<input type="button2" value="button2"
  onClick="parent.Frame2.location.href='Form2.php'">
</form>
<input type="button3" value="button3"
  onClick="parent.Frame2.location.href='Form3.php'">
</form>
<input type="button4" value="button4"
  onClick="parent.Frame2.location.href='Form4.php'">
</form>

这将解决您的问题......

Answer 3

Child（Frame1）：

            // Get Button Values & Pass to Parent       

            $(document).ready(function() {
                   $('#list-1').click(function() {
                //     alert($(this).attr("value"));
                       window.parent.fchanger($(this).attr("value"));
                    });
                }); 

            $(document).ready(function() {
                   $('#list-2').click(function() {
                //     alert($(this).attr("value"));
                       window.parent.fchanger($(this).attr("value"));
                    });
                });     

            $(document).ready(function() {
                   $('#list-3').click(function() {
                //     alert($(this).attr("value"));
                       window.parent.fchanger($(this).attr("value"));
                    });
                }); 

            $(document).ready(function() {
                   $('#list-4').click(function() {
                //     alert($(this).attr("value"));
                       window.parent.fchanger($(this).attr("value"));
                    });
                });

父文件设置＆＃39; src＆＃39;第1帧：

            function fchanger(fname){

            //  alert("Welcome");
            //  document.getElementById("Frame2").src = 'form10.php' ;

                        switch (fname) {
                            case 'form1':
                                document.getElementById("Frame2").src = 'form1.php' ;
                                break;
                            case 'form2':
                                document.getElementById("Frame2").src = 'form2.php' ;
                                break;
                            case 'form3':
                                document.getElementById("Frame2").src = 'form3.php' ;
                                break;
                            case 'form4':
                                document.getElementById("Frame2").src = 'form4.php' ;
                                break;
                            case 'form5':
                                document.getElementById("Frame2").src = 'form5.php' ;
                                break;
                            case 'form6':
                                document.getElementById("Frame2").src = 'form6.php' ;
                                break;
                            case 'form7':
                                document.getElementById("Frame2").src = 'form7.php' ;
                                break;
                            case 'form8':
                                document.getElementById("Frame2").src = 'form8.php' ;
                                break;
                            case 'form9':
                                document.getElementById("Frame2").src = 'form9.php' ;
                                break;
                            case 'form10':
                                document.getElementById("Frame2").src = 'form10.php' ;
                                break;
                            case 'form11':
                                document.getElementById("Frame2").src = 'form11.php' ;
                                break;



                        default:
                                text = "Looking forward to the Weekend";
            } }

从frame1中的按钮设置frame2的帧源？

3 个答案: