최신 브라우져 및 툴바 에서 팝업이 악용되는 것을 방지하기 위하여 팝업창을 제어하고 있다. 이에 영향을 받지 않는 jquery 기반의 팝업을 사용할 수 있다.
샘플코드
결과화면( 버튼을 클릭해보자.. )
샘플코드
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("#example").dialog({ autoOpen: false });
$("#poppop").click( function() {
$("#example").dialog('open');
});
});
</script>
</head>
<body>
<link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.dialog.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.resizable.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.draggable.js"></script>
<div id="example" class="flora" title="This is my title">I'm in a dialog!</div>
<input type="button" id="poppop" value="popup" />
</body>
</html>
결과화면( 버튼을 클릭해보자.. )
I'm in a dialog!
위 팝업 버튼을 누르고 다이얼로그를 표시한 후 다시 버튼을 누르면 다이얼로그가 표시되지 않습니다.
혹시 이유가 무엇인지 아시는지요?
배병용님 감사합니다.
정말 테스트를 해보니 한번만 생성되더군요.
http://jqueryui.com/demos/dialog/ 를 참조해서 수정하였습니다.
dialog는 한번만 초기화하고.. 초기화 할때 보이지 않게 하기 위해서 autoOpen 옵션을 false 로 주었습니다. 그리고 버튼 이벤트에서는 'open' 옵션을 넣었습니다.
도움이 되시길 바랍니다.