<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>aja-zip sample</title>
<style type="text/css">
.labels {
float: left;
clear: left;
width: 230px;
margin-right: 10px;
text-align: right;
font-weight: bold;
}
</style>
<script type="text/javascript" src="./jslb_ajax.js"> ajax 기본 lib
</script>
<script type="text/javascript" src="./aja-zip.js"> 클라이언트 측 요청 및 응답 수신후 처리 스크립트
</script>
</head>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>aja-zip sample</title>
<style type="text/css">
.labels {
float: left;
clear: left;
width: 230px;
margin-right: 10px;
text-align: right;
font-weight: bold;
}
</style>
<script type="text/javascript" src="./jslb_ajax.js"> ajax 기본 lib
</script>
<script type="text/javascript" src="./aja-zip.js"> 클라이언트 측 요청 및 응답 수신후 처리 스크립트
</script>
</head>
<body>
<form name="entry" action="aja-zip.html" method="post"> 잉? 스스로를 불러??
<p>
<label class="labels" for="r_addr_search">읍/면/동</label>
<input type="text" size="16" name="r_addr_search" /> 주소가 입력되는 곳
<input type="button" name="searchZip" value="주소 검색" onclick="javascript: getZips();" /> 이 버튼을 누르면 getZips라는 script를 실행 (aja-zip.js에 있슴)
</p>
<p>
<label class="labels" for="r_addr_select">주소</label>
<select name="r_addr_select" onchange="javascript: r_addr2zip();"> 주소를 넣어두는 select box
<option value="0">주소를 선택하세요.</option> select box의 초기화...
</select>
</p>
<input type="hidden" maxlength="128" name="r_addr1" />
<p>
<label class="labels" for="r_zip_code">우편번호</label>
<input type="text" size="16" readonly="readonly" name="r_zip_code" /> 주소가 보여지는 곳
</p>
</form>
<script type="text/javascript" language="javascript">
/* 아래 5개의 문자열 변수를 폼 이름에 맞게 수정해 주세요.
본 스크립트의 위치는 닫기 폼 태그 뒤에 놓아주세요. */
var formName = "entry" // 대상 폼의 이름
var searchTextName = "r_addr_search" // 읍/면/동 입력을 위한 텍스트 필드의 이름
var selectorName = "r_addr_select" // 검색 후 결과를 선택할 수 있는 select의 이름
var zipCodeName = "r_zip_code" // 우편번호가 들어갈 필드의 이름
var addr1Name = "r_addr1" // 주소 앞부분(검색 결과)을 저장할 hidden 필드.
ajaZipPosition = './aja-zip.php' // 주소 검색 요청에 응답할 php 스크립트의 위치 지정
<form name="entry" action="aja-zip.html" method="post"> 잉? 스스로를 불러??
<p>
<label class="labels" for="r_addr_search">읍/면/동</label>
<input type="text" size="16" name="r_addr_search" /> 주소가 입력되는 곳
<input type="button" name="searchZip" value="주소 검색" onclick="javascript: getZips();" /> 이 버튼을 누르면 getZips라는 script를 실행 (aja-zip.js에 있슴)
</p>
<p>
<label class="labels" for="r_addr_select">주소</label>
<select name="r_addr_select" onchange="javascript: r_addr2zip();"> 주소를 넣어두는 select box
<option value="0">주소를 선택하세요.</option> select box의 초기화...
</select>
</p>
<input type="hidden" maxlength="128" name="r_addr1" />
<p>
<label class="labels" for="r_zip_code">우편번호</label>
<input type="text" size="16" readonly="readonly" name="r_zip_code" /> 주소가 보여지는 곳
</p>
</form>
<script type="text/javascript" language="javascript">
/* 아래 5개의 문자열 변수를 폼 이름에 맞게 수정해 주세요.
본 스크립트의 위치는 닫기 폼 태그 뒤에 놓아주세요. */
var formName = "entry" // 대상 폼의 이름
var searchTextName = "r_addr_search" // 읍/면/동 입력을 위한 텍스트 필드의 이름
var selectorName = "r_addr_select" // 검색 후 결과를 선택할 수 있는 select의 이름
var zipCodeName = "r_zip_code" // 우편번호가 들어갈 필드의 이름
var addr1Name = "r_addr1" // 주소 앞부분(검색 결과)을 저장할 hidden 필드.
ajaZipPosition = './aja-zip.php' // 주소 검색 요청에 응답할 php 스크립트의 위치 지정
targetForm = document.forms[formName]
selector = targetForm.elements[selectorName]
searchText = targetForm.elements[searchTextName]
zipCodeText = targetForm.elements[zipCodeName]
addr1Hidden = targetForm.elements[addr1Name]
</script>
</body>
</html>
- opencode.co.kr -