사이트 내 전체검색

Javascript

jquery modal

페이지 정보

작성자 허니무스 댓글 0건 조회 78회 작성일 22-04-04 09:40

본문

<link href="<?= G5_URL ?>/plugin/jquery-ui-1.11.4.custom/jquery-ui.css" rel="stylesheet">

<script src="<?= G5_URL ?>/plugin/jquery-ui-1.11.4.custom/jquery-ui.js"></script>

<div id="inquire_dialog" style="display:none;background:#FFF;border:1px solid #00B0F0;">
<div id="closemodal" style="position:absolute;top:210px;right:40px;color:#00B0F0;">close</div>
<div id="inquire_message" style="padding:20px;text-align:left;color:#00B0F0;"> </div>
</div>


<script type="text/javascript">
<!--
function dialog_qrcode() {
$( "#inquire_dialog" ).dialog({// 다이얼로그
moveToTop:true,
//draggable:true,
modal: true,
autoOpen: true,
width:"80%",
height: "310",
//minwidth:600,
//minheight:400
});
$('.ui-widget-header').remove(); //상단 타이틀 제거
//$('#closemodal').modal("hide"); //닫기 
$( "#closemodal" ).bind( "click", function() {
  $('#inquire_dialog').dialog('close');
} )
}
//$('#popfaq').parent().removeClass('ui-widget-content'); // 배경 css제거
//$('.ui-resizable-handle').remove(); //모달에 바인드된 div+이벤트 제거,ex)창크기조절,드래그 위치변경
//-->
</script>

댓글목록

등록된 댓글이 없습니다.


CE.M
Copyright © calcevery.me. All rights reserved.
login