form 객체
- <form> 객체
- document의 하위 객체
- 접근방법
o window.document.form_name.속성
o window.document.form_name.메소드
[예제]
main.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>JavaScript Test</title>
<script language="javascript">
function popup() {
// 팝업을 띄우기 - window.open("보여줄 페이지", "window이름", 옵션)
window.open("popup.html","","width=200,height=250,resizable=no");
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="txt">
<input type="button" value="click" onClick="popup()"/>
</form>
</body>
</html>
popup.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>PopUp 페이지</title>
<script language="javascript">
function closePopup(){
// 팝업을 띄운창에 데이터 넣기
// 팝업을 띄운창 - opener
// 닫기
opener.document.form1.txt.value = window.document.form1.popTxt.value;
window.close();
}
</script>
</head>
<body>
팝업입니다.<br>
<form name="form1">
<input type="text" name="popTxt"/><br>
<input type="button" value="닫기" onClick="closePopup()">
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>PopUp 페이지</title>
<script language="javascript">
function closePopup(){
// 팝업을 띄운창에 데이터 넣기
// 팝업을 띄운창 - opener
// 닫기
opener.document.form1.txt.value = window.document.form1.popTxt.value;
window.close();
}
</script>
</head>
<body>
팝업입니다.<br>
<form name="form1">
<input type="text" name="popTxt"/><br>
<input type="button" value="닫기" onClick="closePopup()">
</form>
</body>
</html>
'백엔드 프레임워크 & 언어' 카테고리의 다른 글
| SQLite DB 연동 (0) | 2011.01.17 |
|---|---|
| Preference (0) | 2011.01.13 |
| 10-DOM 객체(브라우저 내장 객체) (0) | 2011.01.12 |
| 09-DOM(Document Object Model) (0) | 2011.01.12 |
| 08-JavaScript 내장 객체 (0) | 2011.01.12 |