2012-07-04 2 views
1

Мне нужно отобразить iframe либо при нажатии кнопки, либо в событии (из панели обновлений), и с использованием кода ниже я должен быть в состоянии сделать именно это.asp.net simplemodal use

Я просто не знаю, как назвать 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> он просто будет отображаться на своих собственных. Я посмотрел пример на главном сайте, но все еще не уверен.

Каков синтаксис для вызова этого события или нажатия кнопки/ссылки?

ответ

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> 
+0

Работает, но я получаю только iframe, без стилей похоже, применяется к нему, например, darken backgorund и т. д. Он в основном проигнорировал containerCss выше – user1468537

+0

. Добавьте имя класса в iframe и задайте стиль в css, или это означает, что всплывающее окно модели – JohnnBlade

+0

Вы пытались использовать modalPopupExtender из AjaxControlToolkit? – JohnnBlade

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> 
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> к йо ur появится.

Предлагаю вам посетить http://docs.jquery.com, чтобы узнать, как работает запуск события.

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"); 
}