리자

ajax modal window (ajax 모달창)

· 2009-11-04 (수) 19:27:48 · 5445

/*********************************************************************************
* 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

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
09-08-30 조회 1,782
09-08-30 조회 1,787
09-08-12 조회 1,656
09-07-22 조회 2,706
09-07-22 조회 3,316
09-07-15 조회 4,453
09-07-11 조회 1,582
09-06-17 조회 1,502
09-06-15 조회 1,740
09-05-29 조회 2,076
09-05-11 조회 4,623
09-05-08 조회 1,396
09-04-30 조회 2,387
09-04-17 조회 1,847
09-04-04 조회 2,000
09-03-05 조회 2,429
09-02-09 조회 2,279
09-02-03 조회 4,815
08-12-27 조회 1,945
08-12-20 조회 3,118
08-11-21 조회 4,015
08-11-14 조회 1,607
08-11-03 조회 2,099
08-10-30 조회 1,419
08-10-30 조회 1,555