1

我需要在按钮单击或事件（来自更新面板）上显示 iframe，并且使用下面的代码我应该能够做到这一点。

我只是不确定如何调用 JS

var src = "http://sample.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
 closeHTML: "",
 containerCss: {
  backgroundColor: "#fff",
  borderColor: "#fff",
  height: 450,
  padding: 0,
  width: 830
 },
 overlayClose: true
});

如果我只是将它放在一个中<script>，它只会自行显示。我已经查看了主站点上的示例，但仍然不确定。

从事件或单击按钮/链接调用它的语法是什么？

4

4 回答 4

1

使用按钮单击：

function tocall()
{
    var src = "http://sample.com/";
    $.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
        closeHTML: "",
        containerCss: {
            backgroundColor: "#fff",
            borderColor: "#fff",
            height: 450,
            padding: 0,
            width: 830
        },
        overlayClose: true
    });
}

按钮的标记：

<input type="button" onclick="tocall()"/>

有一些事件在updatepanel你需要处理程序

<script type="text/javascript" language="javascript">
    Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandle);
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandle);

    function beginRequestHandle(sender, Args) {
        //Do something when call begins.
    }

    function endRequestHandle(sender, Args) {
        tocall()//When call ends
    }
</script>
于 2012-07-04T12:02:00.430 回答
1 
var src = "http://sample.com/";
$(document).ready(function()
{
    $("#showpopup").click(function(e)
    {
      e.preventDefault();
    $.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
     closeHTML: "",
     containerCss: {
      backgroundColor: "#fff",
      borderColor: "#fff",
      height: 450,
      padding: 0,
      width: 830
     },
     overlayClose: true
    });
    });
});

然后将其添加<a href="#" id="showpopup">Show</a>到您的页面将使其出现。

我建议您访问http://docs.jquery.com以了解事件触发的工作原理。

于 2012-07-04T12:02:41.833 回答
1

希望这会有所帮助，这里我使用了一个普通的链接。如果您使用的是 .net 按钮，请使用

Button.Attributes.Add("onclick","ShowModal()");

测试

<script>
function ShowModal()
{
var src = "http://sample.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
 closeHTML: "",
 containerCss: {
  backgroundColor: "#fff",
  borderColor: "#fff",
  height: 450,
  padding: 0,
  width: 830
 },
 overlayClose: true
});
}
</script>
于 2012-07-04T12:03:17.013 回答
0

这样做从提交按钮调用

onclick = fnOpenPopUp(LineNum);

并处理模态弹出使用

function fnOpenPopUp(LineNum)
{
    var argObj= window; 
    var detailpage = '<%=Url.Action("ReviewRequestQueuePartial")%>'
    detailpage +="?LineNumber="+LineNum.toString();

    var myWindow=window.showModalDialog(detailpage ,"ReviewRequestQueuePartial", "dialogWidth:1025px; dialogHeight:650px; center:yes; resizable:yes;modal=yes");
}
于 2012-07-04T12:29:45.177 回答