관련파일 : 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에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5677 |
패션리스트
|
10년 전 | 2345 | |
| 5676 |
패션리스트
|
10년 전 | 2314 | |
| 5675 | 10년 전 | 2228 | ||
| 5674 |
 JRevirthuum |
10년 전 | 1361 | |
| 5673 |
 돼지코구뇽 |
10년 전 | 2110 | |
| 5672 |
 RINIX |
10년 전 | 1727 | |
| 5671 |
RINIX |
10년 전 | 2803 | |
| 5670 | 10년 전 | 1193 | ||
| 5669 |
RINIX |
10년 전 | 2001 | |
| 5668 | 10년 전 | 1096 | ||
| 5667 | 10년 전 | 1366 | ||
| 5666 |
RINIX |
10년 전 | 1704 | |
| 5665 |
JRevirthuum |
10년 전 | 1262 | |
| 5664 |
JRevirthuum |
10년 전 | 998 | |
| 5663 | 10년 전 | 2439 | ||
| 5662 | 10년 전 | 982 | ||
| 5661 |
AniNest
|
10년 전 | 2676 | |
| 5660 |
untitled
|
10년 전 | 2303 | |
| 5659 |
프로그래머7
|
10년 전 | 1688 | |
| 5658 |
untitled
|
10년 전 | 2304 | |
| 5657 |
untitled
|
10년 전 | 1839 | |
| 5656 |
untitled
|
10년 전 | 2599 | |
| 5655 |
JRevirthuum |
10년 전 | 2712 | |
| 5654 | 10년 전 | 1377 | ||
| 5653 |
RINIX |
10년 전 | 1780 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기