- 정보공유
[그누보드팁] 그누보드4 에 Daum 우편번호 찾기 API 연동 하기.
그누보드4 용.
관련파일 : skin/member/basic/register_form.skin.php
<a href="javascript:;" onclick="win_zip('fregisterform', 'mb_zip1', 'mb_zip2', 'mb_addr1', 'mb_addr2', 'mb_addr3', 'mb_addr_jibeon');" align=absmiddle><img width="74" height="20" src="<?=$member_skin_path?>/img/post_search_btn.gif" border=0 align=absmiddle></a>
를
<a href="javascript:;" onclick="openDaumPostcode();" align=absmiddle><img width="74" height="20" src="<?=$member_skin_path?>/img/post_search_btn.gif" border=0 align=absmiddle></a>
그리고 맨 하단에 아래 자바스크립트 코드를 추가합니다.
<script src="http://dmaps.daum.net/map_js_init/postcode.js"></script>
<script type="text/javascript">
<!--
function openDaumPostcode() {
new daum.Postcode({
oncomplete: function(data) {
document.forms.fregisterform.mb_zip1.value = data.postcode1;
document.forms.fregisterform.mb_zip2.value = data.postcode2;
document.forms.fregisterform.mb_addr1.value = data.address;
document.forms.fregisterform.mb_addr2.focus();
document.forms.fregisterform.mb_addr3.value = data.addressEnglish;
}
}).open();
}
//-->
</script>
모바일도 동일하게 처리하시면 됩니다.
단 모바일은 아래처럼 사이즈를 100% 로 잡아주세요.
<script type="text/javascript">
<!--
function openDaumPostcode() {
new daum.Postcode({
oncomplete: function(data) {
document.forms.fregisterform.mb_zip1.value = data.postcode1;
document.forms.fregisterform.mb_zip2.value = data.postcode2;
document.forms.fregisterform.mb_addr1.value = data.address;
document.forms.fregisterform.mb_addr2.focus();
document.forms.fregisterform.mb_addr3.value = data.addressEnglish;
},
width : '100%',
height : '100%'
}).open();
}
//-->
</script>
첨부파일
- g4용_register_form.skin.php (27.3K) 6회 다운로드 | DATE : 2014-06-28 11:53:27
- g4용_위즈모바일용-register_form.skin.php (21.3K) 1회 다운로드 | DATE : 2014-06-28 11:53:27