ajax modal window (ajax 모달창) 정보
jQuery ajax modal window (ajax 모달창)
관련링크
본문
/*********************************************************************************
* dialog
**********************************************************************************/
function openBox(width, height, border, goURL , modal){
if($(window.document).find('#dialog').size() <= 0){
var html = "<div id='dialog' style='width:"+width+"px;height:'"+height+"px';margin:0px 0px;>"
+ "<iframe id='myiframe' name='myiframe' scrolling='no' marginwidth='0' marginheight='0' frameborder='0' vspace='0' hspace='0' width='95%' height='98%'></iframe>"
+ "</div>";
$("body").append(html);
}
$('#myiframe').attr('src', goURL);
jQuery("#dialog").dialog({
modal: false,
autoOpen: false,
width: width + 10,
height : height,
dialogClass: "openBoxCss",
overlay: {opacity: 0.5, background: "black"}
});
jQuery("#dialog").dialog({autoOpen: false});
jQuery("#dialog").dialog("open");
$("#dialog").dialog({
open:function() {
$(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar-close").remove();
}
});
return false;
}
function closeBox(){
var d = $(window.document).find('#dialog');
d.dialog( "close" );
d.dialog( "destroy" );
d.remove();
0
}
[출처] AJAX 모달창 |작성자 super_style
0
댓글 0개