firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

주소 입력시 사용자 직접 입력 기능 추가

Browse Source
This commit is contained in:
chicpro
2014-01-17 13:42:16 +09:00
parent e46cdb41fc
commit 26d976b684
2 changed files with 204 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
mobile/skin/member/basic/zip.skin.php
View File

@ -9,32 +9,59 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<div id="post_code" class="new_win mbskin">
<h1 id="win_title"><?php echo $g5['title'] ?></h1>
<p>
시도 및 시군구 선택없이 도로명, 읍/면/동, 건물명 등으로 검색하실 수 있습니다.<br>
만약 검색결과에 찾으시는 주소가 없을 때는 시도와 시군구를 선택하신 후 다시 검색해 주십시오.<br>
(검색결과는 최대 1,000건만 표시됩니다.)
</p>
<form name="fzip" method="get" onsubmit="search_call(); return false;" autocomplete="off">
<!-- 검색어 입력 시작 { -->
<div id="code_sch">
<label for="sido" class="sound_only">시도선택</label>
<select name="sido" id="sido">
<option value="">- 시도 선택 -</option>
</select>
<label for="gugun" class="sound_only">시군구</label>
<select name="gugun" id="gugun">
<option value="">- 시군구 선택 -</option>
</select>
<div id="sch_q">
<label for="q" class="sound_only">검색어</label>
<input type="text" name="q" value="" id="q" required class="required frm_input">
<input type="submit" value="검색" class="btn_submit">
</div>
<div id="search_sel">
<input type="radio" name="srch_sel" id="srch_sel_1" value="search" checked="checked">
<label for="srch_sel_1">주소검색</label>
<input type="radio" name="srch_sel" id="srch_sel_0" value="direct">
<label for="srch_sel_0">직접입력</label>
</div>
<!-- } 검색어 입력 끝 -->
<div id="result"><span id="result_b4">검색어를 입력해주세요.</span></div>
<div id="zip_search_frm" class="zip_frm">
<p>
시도 및 시군구 선택없이 도로명, 읍/면/동, 건물명 등으로 검색하실 수 있습니다.<br>
만약 검색결과에 찾으시는 주소가 없을 때는 시도와 시군구를 선택하신 후 다시 검색해 주십시오.<br>
(검색결과는 최대 1,000건만 표시됩니다.)
</p>
<form name="fzip" method="get" onsubmit="search_call(); return false;" autocomplete="off">
<!-- 검색어 입력 시작 { -->
<div id="code_sch">
<label for="sido" class="sound_only">시도선택</label>
<select name="sido" id="sido">
<option value="">- 시도 선택 -</option>
</select>
<label for="gugun" class="sound_only">시군구</label>
<select name="gugun" id="gugun">
<option value="">- 시군구 선택 -</option>
</select>
<div id="sch_q">
<label for="q" class="sound_only">검색어</label>
<input type="text" name="q" value="" id="q" required class="required frm_input">
<input type="submit" value="검색" class="btn_submit">
</div>
</div>
<!-- } 검색어 입력 끝 -->
<div id="result"><span id="result_b4">검색어를 입력해주세요.</span></div>
</div>
<div id="zip_direct_frm" class="zip_frm">
<form name="fzip2">
<label for="frm_zip1">우편번호앞자리</label>
<input type="text" name="frm_zip1" id="frm_zip1" class="required frm_input" maxlength="3"> -
<label for="frm_zip2">우편번호뒷자리</label>
<input type="text" name="frm_zip2" id="frm_zip2" class="required frm_input" maxlength="3">
<label for="frm_addr1">기본주소</label>
<input type="text" name="frm_addr1" id="frm_addr1" class="required frm_input">
<label for="frm_addr2">상세주소</label>
<input type="text" name="frm_addr2" id="frm_addr2" class="frm_input">
<label for="frm_addr3">참고항목</label>
<input type="text" name="frm_addr3" id="frm_addr3" class="frm_input">
<label for="frm_jibeon">지번주소</label>
<input type="text" name="frm_jibeon" id="frm_jibeon" class="frm_input">
<button type="button" id="put_addr">주소입력</button>
</form>
<p>직접 주소를 입력하실 경우 우편번호와 기본주소는 반드시 입력하셔야 합니다.</p>
</div>
<div class="win_btn">
<button type="button" onclick="window.close();">창닫기</button>
@ -44,6 +71,13 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<script>
$(function() {
$("input[name='srch_sel']").click(function() {
var val = $(this).val();
$(".zip_frm").hide();
$("#zip_"+val+"_frm").show();
});
var msg_alert = true;
$("input#q").bind("focusin", function() {
if(!msg_alert) {
@ -53,6 +87,32 @@ $(function() {
msg_alert = false;
}
});
$("#put_addr").click(function() {
var zip1 = $.trim($("#frm_zip1").val());
var zip2 = $.trim($("#frm_zip2").val());
var addr1 = $.trim($("#frm_addr1").val());
var addr2 = $.trim($("#frm_addr2").val());
var addr3 = $.trim($("#frm_addr3").val());
var jibeon = $.trim($("#frm_jibeon").val());
if(zip1.length < 1) {
alert("우편번호 앞자리를 입력해 주십시오.");
return false;
}
if(zip2.length < 1) {
alert("우편번호 뒷자리를 입력해 주십시오.");
return false;
}
if(addr1.length < 1) {
alert("기본주소를 입력해 주십시오.");
return false;
}
put_data2(zip1, zip2, addr1, addr2, addr3, jibeon);
});
});
function put_data(zip1, zip2, addr1, addr3, jibeon)
@ -72,5 +132,22 @@ function put_data(zip1, zip2, addr1, addr3, jibeon)
window.close();
}
function put_data2(zip1, zip2, addr1, addr2, addr3, jibeon)
{
var of = window.opener.document.<?php echo $frm_name; ?>;
of.<?php echo $frm_zip1; ?>.value = zip1;
of.<?php echo $frm_zip2; ?>.value = zip2;
of.<?php echo $frm_addr1; ?>.value = addr1;
of.<?php echo $frm_addr2; ?>.value = addr2;
of.<?php echo $frm_addr3; ?>.value = addr3;
window.opener.$("#<?php echo $frm_jibeon; ?>").text("지번주소 : "+jibeon);
if(of.<?php echo $frm_jibeon; ?> !== undefined)
of.<?php echo $frm_jibeon; ?>.value = jibeon;
window.close();
}
</script>
<!-- } 우편번호 찾기 끝 -->

129
skin/member/basic/zip.skin.php
View File

@ -9,34 +9,61 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<div id="post_code" class="new_win mbskin">
<h1 id="win_title"><?php echo $g5['title'] ?></h1>
<p>
시도 및 시군구 선택없이 도로명, 읍/면/동, 건물명 등으로 검색하실 수 있습니다.<br>
만약 검색결과에 찾으시는 주소가 없을 때는 시도와 시군구를 선택하신 후 다시 검색해 주십시오.<br>
(검색결과는 최대 1,000건만 표시됩니다.)
</p>
<form name="fzip" method="get" onsubmit="search_call(); return false;" autocomplete="off">
<!-- 검색어 입력 시작 { -->
<div id="code_sch">
<label for="sido" class="sound_only">시도선택</label>
<select name="sido" id="sido">
<option value="">- 시도 선택 -</option>
</select>
<label for="gugun" class="sound_only">시군구</label>
<select name="gugun" id="gugun">
<option value="">- 시군구 선택 -</option>
</select>
<div id="sch_q">
<div id="q_info"><span></span>정확하고 빠른 검색을 위해 아래의 예시처럼 입력해 주세요.<br><br>입력예1) 강남대로37길 24-6<br>입력예2) 서초동 1362-19<br>입력예3) 서초2동 1362-19</div>
<label for="q" class="sound_only">검색어</label>
<input type="text" name="q" value="" id="q" required class="required frm_input">
<input type="submit" value="검색" class="btn_submit">
</div>
<div id="search_sel">
<input type="radio" name="srch_sel" id="srch_sel_1" value="search" checked="checked">
<label for="srch_sel_1">주소검색</label>
<input type="radio" name="srch_sel" id="srch_sel_0" value="direct">
<label for="srch_sel_0">직접입력</label>
</div>
<!-- } 검색어 입력 끝 -->
</form>
<div id="result"><span id="result_b4">검색어를 입력해주세요.</span></div>
<div id="zip_search_frm" class="zip_frm">
<p>
시도 및 시군구 선택없이 도로명, 읍/면/동, 건물명 등으로 검색하실 수 있습니다.<br>
만약 검색결과에 찾으시는 주소가 없을 때는 시도와 시군구를 선택하신 후 다시 검색해 주십시오.<br>
(검색결과는 최대 1,000건만 표시됩니다.)
</p>
<form name="fzip" method="get" onsubmit="search_call(); return false;" autocomplete="off">
<!-- 검색어 입력 시작 { -->
<div id="code_sch">
<label for="sido" class="sound_only">시도선택</label>
<select name="sido" id="sido">
<option value="">- 시도 선택 -</option>
</select>
<label for="gugun" class="sound_only">시군구</label>
<select name="gugun" id="gugun">
<option value="">- 시군구 선택 -</option>
</select>
<div id="sch_q">
<div id="q_info"><span></span>정확하고 빠른 검색을 위해 아래의 예시처럼 입력해 주세요.<br><br>입력예1) 강남대로37길 24-6<br>입력예2) 서초동 1362-19<br>입력예3) 서초2동 1362-19</div>
<label for="q" class="sound_only">검색어</label>
<input type="text" name="q" value="" id="q" required class="required frm_input">
<input type="submit" value="검색" class="btn_submit">
</div>
</div>
<!-- } 검색어 입력 끝 -->
</form>
<div id="result"><span id="result_b4">검색어를 입력해주세요.</span></div>
</div>
<div id="zip_direct_frm" class="zip_frm">
<form name="fzip2">
<label for="frm_zip1">우편번호앞자리</label>
<input type="text" name="frm_zip1" id="frm_zip1" class="required frm_input" maxlength="3"> -
<label for="frm_zip2">우편번호뒷자리</label>
<input type="text" name="frm_zip2" id="frm_zip2" class="required frm_input" maxlength="3">
<label for="frm_addr1">기본주소</label>
<input type="text" name="frm_addr1" id="frm_addr1" class="required frm_input">
<label for="frm_addr2">상세주소</label>
<input type="text" name="frm_addr2" id="frm_addr2" class="frm_input">
<label for="frm_addr3">참고항목</label>
<input type="text" name="frm_addr3" id="frm_addr3" class="frm_input">
<label for="frm_jibeon">지번주소</label>
<input type="text" name="frm_jibeon" id="frm_jibeon" class="frm_input">
<button type="button" id="put_addr">주소입력</button>
</form>
<p>직접 주소를 입력하실 경우 우편번호와 기본주소는 반드시 입력하셔야 합니다.</p>
</div>
<div class="win_btn">
<button type="button" onclick="window.close();">창닫기</button>
@ -46,6 +73,13 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<script>
$(function() {
$("input[name='srch_sel']").click(function() {
var val = $(this).val();
$(".zip_frm").hide();
$("#zip_"+val+"_frm").show();
});
$("input#q").bind("focusin", function() {
$("#q_info").fadeIn(200);
});
@ -53,6 +87,32 @@ $(function() {
$("input#q").bind("focusout", function() {
$("#q_info").fadeOut(200);
});
$("#put_addr").click(function() {
var zip1 = $.trim($("#frm_zip1").val());
var zip2 = $.trim($("#frm_zip2").val());
var addr1 = $.trim($("#frm_addr1").val());
var addr2 = $.trim($("#frm_addr2").val());
var addr3 = $.trim($("#frm_addr3").val());
var jibeon = $.trim($("#frm_jibeon").val());
if(zip1.length < 1) {
alert("우편번호 앞자리를 입력해 주십시오.");
return false;
}
if(zip2.length < 1) {
alert("우편번호 뒷자리를 입력해 주십시오.");
return false;
}
if(addr1.length < 1) {
alert("기본주소를 입력해 주십시오.");
return false;
}
put_data2(zip1, zip2, addr1, addr2, addr3, jibeon);
});
});
function put_data(zip1, zip2, addr1, addr3, jibeon)
@ -72,5 +132,22 @@ function put_data(zip1, zip2, addr1, addr3, jibeon)
window.close();
}
function put_data2(zip1, zip2, addr1, addr2, addr3, jibeon)
{
var of = window.opener.document.<?php echo $frm_name; ?>;
of.<?php echo $frm_zip1; ?>.value = zip1;
of.<?php echo $frm_zip2; ?>.value = zip2;
of.<?php echo $frm_addr1; ?>.value = addr1;
of.<?php echo $frm_addr2; ?>.value = addr2;
of.<?php echo $frm_addr3; ?>.value = addr3;
window.opener.$("#<?php echo $frm_jibeon; ?>").text("지번주소 : "+jibeon);
if(of.<?php echo $frm_jibeon; ?> !== undefined)
of.<?php echo $frm_jibeon; ?>.value = jibeon;
window.close();
}
</script>
<!-- } 우편번호 찾기 끝 -->