<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DHTML Modal Window 테스트</title>
</head>
<body>
<a onclick="div_prompt(); return false" href="#">div 팝업창 열기</a>
<a onclick="iframe_prompt(); return false" href="#">iframe 팝업창 열기</a>
</body>
<script>
function div_prompt() {
div_modal_popup = dhtmlmodal.open('div_modal', 'div', 'divModal',
'div modal 팝업창 테스트', 'width=350px,height=200px,left=100px,top=100px,resize=0,scrolling=0');
}
function div_popup_action(result) {
if (result == 'Y') {
document.getElementById('div_result_text').innerText = '팝업창이 보였네요.';
}
else {
document.getElementById('div_result_text').innerText = '팝업창이 안 보였네요.';
}
div_modal_popup.hide();
}
function iframe_prompt() {
iframe_modal_popup = dhtmlmodal.open('iframe_modal', 'iframe', 'iframe_modal_test.html',
'iframe modal 팝업창 테스트', 'width=350px,height=200px,center=1,resize=0,scrolling=1');
iframe_modal_popup.onclose = function() {
var frm = this.contentDoc.getElementById('myform');
var yes = frm.iframe_result[0];
var no = frm.iframe_result[1];
if (yes.checked == true) {
document.getElementById('iframe_result_text').innerText = '팝업창이 보였네요.';
}
else {
document.getElementById('iframe_result_text').innerText = '팝업창이 안 보였네요.';
}
return true;
}
}
</script>
<!DOCTYPE>
<html>
<head>
<title>iframe modal 팝업창</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<P>팝업창이 보이나요?</P>
<FORM id=myform>
<input type="radio" name="iframe_result" value="Y"
onclick="parent.iframe_modal_popup.hide()">네
<input type="radio" name="iframe_result" value="N"
onclick="parent.iframe_modal_popup.hide()">아니오
</FORM>
</body>
</html>
dhtmlmodal.zip
