테스트 사이트 - 개발 중인 베타 버전입니다
SIR

그누보드4 에 Daum 우편번호 찾기 API 연동 하기.

개발자 javascript
위토즈
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 11년 전 · 1420

링크

http://wetoz.kr/ (79) http://wetoz.kr/bbs/board.php?bo_table=tipntech&wr_id=103 (117)


관련파일 : 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 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>

첨부파일

register_form.skin.php (27.3 KB, 8회)
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

팁게시판

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
글쓰기

파일 처리 함수(3)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

파일 처리 함수(2)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

날짜 및 시간 함수

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

파일 처리 함수(1)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

문자열 함수(5)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

문자열 함수(4)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

문자열 함수(3)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

문자열 함수(2)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

문자열 함수(1)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

사용자 정의 함수(3)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

사용자 정의 함수(2)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

사용자 정의 함수(1)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

그 밖의 제어문

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

반복 제어문(2)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

반복 제어문(1)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

조건 제어문(2)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

조건 제어문(1)

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

비교 연산자, 논리 연산자

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

산술 연산자, 대입 연산자

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

폼(Form)을 통한 변수의 전달

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

가변 변수

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

정적 변수

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

전역 변수

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

배열 변수

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

변수 사용법

#개발자 #php
돌돌아온깡통
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전
🐛 버그신고