1

ボタンのクリック時またはイベント (updatepanel から) のいずれかで 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 に答える