Question

我正在PHP文件中创建一个表单。在表格中我有一个链接。点击链接我想打开一个网页或PHP页面作为模态窗口。

下面是我要创建的test1.php中的表单。

<form action="test.php" name="form" METHOD="POST">
    <a href="#"  onclick="window.open('test.php','popup','scrollbars=1,width=620,height=620,top=50,left=200')" title="Listbox" class="toplinks1">Open Link</a>
    <INPUT TYPE=SUBMIT NAME="SUBMIT" />
</form>

上面的表格有一个Link＆＃34; Open Link＆＃34;在另一个窗口中打开test.php。但是我可以在test.php打开时访问test1.php。

我需要打开test.php作为模态窗口。

Answer 1

使用以下方法在同一页面中打开外部文件

<body>
    <p class="flaticon-right127"><a class="reveal" href="mobilepost.php">Mobile&nbsp;Phones</a>
<p class="flaticon-right127"><a class="reveal" href="tablet.html">Tablets</a></p>
<p class="flaticon-right127"><a class="reveal" href="accessories.html">Mobile&nbsp;Accessories</a></p>

<div class="page">
      // your external file will load in this area
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$('.reveal').on('click', function(e){
    e.preventDefault();
    var link = $(this).attr('href');
    $('.page').load(link);
    $('.reveal').hide();
$(this).show();
});
});
</script>
</body>

Answer 2

以下代码将解决您的问题，

<a href="http://wikipedia.com/" class="test">comment #1</a><br>
<a href="http://ebay.com/" class="test">comment #2</a><br>
<a href="http://ask.com/" class="test" >comment #3</a><br>
<div id="somediv" title="this is a dialog" style="display:none;">
    <iframe id="thedialog" width="350" height="350"></iframe>
</div>
<script>
    $(document).ready(function () {
        $(".test").click(function () {
            $("#thedialog").attr('src', $(this).attr("href"));
            $("#somediv").dialog({
                width: 400,
                height: 450,
                modal: true,
                close: function () {
                    $("#thedialog").attr('src', "about:blank");
                }
            });
            return false;
        });
    });
</script>

还检查Jsfiddle示例如下， http://jsfiddle.net/qp7NP/

从另一个网页打开模态网页

2 个答案: