관련파일 : 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>
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6002 | 9년 전 | 178 | ||
| 6001 | 9년 전 | 153 | ||
| 6000 | 9년 전 | 200 | ||
| 5999 | 9년 전 | 140 | ||
| 5998 | 9년 전 | 184 | ||
| 5997 | 9년 전 | 207 | ||
| 5996 | 9년 전 | 163 | ||
| 5995 | 9년 전 | 213 | ||
| 5994 | 9년 전 | 170 | ||
| 5993 | 9년 전 | 241 | ||
| 5992 | 9년 전 | 317 | ||
| 5991 | 9년 전 | 327 | ||
| 5990 | 9년 전 | 265 | ||
| 5989 | 9년 전 | 242 | ||
| 5988 | 9년 전 | 243 | ||
| 5987 | 9년 전 | 212 | ||
| 5986 | 9년 전 | 245 | ||
| 5985 | 9년 전 | 204 | ||
| 5984 | 9년 전 | 168 | ||
| 5983 | 9년 전 | 166 | ||
| 5982 | 9년 전 | 223 | ||
| 5981 | 9년 전 | 264 | ||
| 5980 | 9년 전 | 216 | ||
| 5979 | 9년 전 | 229 | ||
| 5978 | 9년 전 | 204 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기