프로그램/Html & Js & Css
Modal Dialog 예제
영혼과영혼의양식
2009. 3. 30. 15:06
모달 다이얼로그박스(modal dialog box)
대화상자의 도움말을 생각해보면 이해가 쉽습니다. 메모장을 열어 도움말을 클릭해보면 이전 다이얼로그와 전환이 되질 않습니다.
이런식으로 다이얼로그가 종료되기 전까지는 호출한 곳으로 전환이 안되는 것이 모달 다이얼로그입니다.
[예제]
<html>
<head>
<title> New Document </title>
<script language="JavaScript">
<!--
function pop_up(){
window.showModalDialog('modal_test.html', 'helpwin', 'dialogWidth:300px;dialogHeight:200px; center:yes; help:no; status:no; scroll:yes; resizable:yes');
}
//-->
</script>
</head>
<body>
<input type="button" value="팝업" onClick="pop_up();">
</body>
</html>
[출처] : http://www.jspnet.com