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

공통: #20 주소검색 직접 입력 마크업

Browse Source
This commit is contained in:
whitedot
2014-01-17 14:39:23 +09:00
parent 26d976b684
commit adaca820b5
4 changed files with 67 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
mobile/skin/member/basic/style.css
View File

@ -166,12 +166,13 @@
#profile .sv_wrap a {margin:0 0 5px;padding:0;font-weight:bold;line-height:10px}
/* 우편번호 검색 */
#post_code p {margin:0 20px 10px}
#post_code #code_sch {margin:0 20px}
#post_code #code_sel {margin:0 20px 20px}
#post_code #code_sel label {display:inline-block;margin:0 15px 0 0}
#post_code p {margin:0 0 10px}
#post_code #zip_search_frm {margin:0 20px}
#post_code #code_sch #sch_q {position:relative;margin:5px 0 0}
#post_code #code_sch .frm_input {height:22px}
#post_code #code_sch .btn_submit {padding:0 8px;height:24px}
#post_code #result {margin:0 20px}
#post_code #result_b4 {display:block;padding:30px 0;border-bottom:1px solid #dde4e9;text-align:center}
#post_code #result .result_msg {padding:15px 0}
#post_code #result .result_fail {border:1px solid #dde4e9;background:#f0f5fc;color:#ff3061;text-align:center}
@ -179,4 +180,8 @@
#post_code #result li {padding:10px;border:1px solid #dde4e9;border-bottom:0}
#post_code #result li div {margin:4px 0 0;color:#738D94}
#post_code #result li div {color:#738D94}
#post_code #result li div:before {content:"▶ "}
#post_code #result li div:before {content:"▶ "}
#post_code #zip_direct_frm {display:none;margin:0 20px}
#post_code #zip_direct_frm .frm_input {margin:0 0 5px}
#post_code #zip_direct_frm .frm_addr {width:99%}
#post_code #zip_direct_frm #sch_dq {padding:10px 0 20px;text-align:center}

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

@ -9,11 +9,11 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<div id="post_code" class="new_win mbskin">
<h1 id="win_title"><?php echo $g5['title'] ?></h1>
<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 id="code_sel">
<input type="radio" name="sch_sel" id="sch_sel_1" value="search" checked="checked">
<label for="sch_sel_1">주소검색</label>
<input type="radio" name="sch_sel" id="sch_sel_0" value="direct">
<label for="sch_sel_0">직접입력</label>
</div>
<div id="zip_search_frm" class="zip_frm">
@ -45,22 +45,26 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<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>
<form name="fzip2">
우편번호
<label for="frm_zip1" class="sound_only">우편번호앞자리</label>
<input type="text" name="frm_zip1" id="frm_zip1" class="required frm_input" size="3" maxlength="3"> -
<label for="frm_zip2" class="sound_only">우편번호뒷자리</label>
<input type="text" name="frm_zip2" id="frm_zip2" class="required frm_input" size="3" maxlength="3"><br>
<label for="frm_addr1" class="sound_only">기본주소</label>
<input type="text" name="frm_addr1" placeholder="기본주소" id="frm_addr1" class="required frm_input frm_addr"><br>
<label for="frm_addr2" class="sound_only">상세주소</label>
<input type="text" name="frm_addr2" placeholder="상세주소" id="frm_addr2" class="frm_input frm_addr"><br>
<label for="frm_addr3" class="sound_only">참고항목</label>
<input type="text" name="frm_addr3" placeholder="참고항목" id="frm_addr3" class="frm_input frm_addr"><br>
<label for="frm_jibeon" class="sound_only">지번주소</label>
<input type="text" name="frm_jibeon" placeholder="지번주소" id="frm_jibeon" class="frm_input frm_addr">
<div id="sch_dq">
<button type="button" id="put_addr" class="btn_submit">주소입력</button>
</div>
</form>
</div>
<div class="win_btn">
@ -71,7 +75,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<script>
$(function() {
$("input[name='srch_sel']").click(function() {
$("input[name='sch_sel']").click(function() {
var val = $(this).val();
$(".zip_frm").hide();

15
skin/member/basic/style.css
View File

@ -144,6 +144,7 @@
#mb_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
#mb_confirm p strong {display:block}
#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
@ -153,6 +154,7 @@
#pw_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
#pw_confirm p strong {display:block}
#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
@ -166,17 +168,20 @@
#profile h2 {margin:0}
/* 우편번호 검색 */
#post_code p {margin:0 20px 10px}
#post_code #code_sch {margin:0 20px}
#post_code #code_sel {margin:0 20px 20px}
#post_code #code_sel label {display:inline-block;margin:0 15px 0 0}
#post_code p {margin:0 0 10px}
#post_code .btn_submit {padding:0 8px;height:24px}
#post_code #zip_search_frm {margin:0 20px}
#post_code #code_sch #sch_q {position:relative;margin:5px 0 0}
#post_code #code_sch #q_info {display:none;z-index:2;position:absolute;top:33px;left:0;padding:5px;background:#e4eaec}
#post_code #code_sch #q_info span {position:absolute;top:-6px;left:5px;width:11px;height:6px;background:url('img/zip_ico_up.gif')}
#post_code #code_sch .btn_submit {padding:0 8px;height:24px}
#post_code #result {margin:0 20px}
#post_code #result_b4 {display:block;padding:30px 0;border-bottom:1px solid #dde4e9;text-align:center}
#post_code #result .result_msg {padding:15px 0}
#post_code #result .result_fail {border:1px solid #dde4e9;background:#f0f5fc;color:#ff3061;text-align:center}
#post_code #result ul {margin:0;padding:0;border-bottom:1px solid #dde4e9;background:#f0f5fc;list-style:none}
#post_code #result li {padding:10px;border:1px solid #dde4e9;border-bottom:0}
#post_code #result li div {margin:4px 0 0;color:#738D94}
#post_code #result li div:before {content:"▶ "}
#post_code #result li div:before {content:"▶ "}
#post_code #zip_direct_frm {display:none;margin:0 20px}
#post_code #zip_direct_frm .frm_input, #post_code #zip_direct_frm .btn_submit {margin:0 0 5px}

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

@ -9,11 +9,11 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<div id="post_code" class="new_win mbskin">
<h1 id="win_title"><?php echo $g5['title'] ?></h1>
<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 id="code_sel">
<input type="radio" name="sch_sel" id="sch_sel_1" value="search" checked="checked">
<label for="sch_sel_1">주소검색</label>
<input type="radio" name="sch_sel" id="sch_sel_0" value="direct">
<label for="sch_sel_0">직접입력</label>
</div>
<div id="zip_search_frm" class="zip_frm">
@ -46,23 +46,25 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<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>
<form name="fzip2">
우편번호
<label for="frm_zip1" class="sound_only">우편번호앞자리</label>
<input type="text" name="frm_zip1" id="frm_zip1" class="required frm_input" size="3" maxlength="3"> -
<label for="frm_zip2" class="sound_only">우편번호뒷자리</label>
<input type="text" name="frm_zip2" id="frm_zip2" class="required frm_input" size="3" maxlength="3"><br>
<label for="frm_addr1">기본주소</label>
<input type="text" name="frm_addr1" id="frm_addr1" class="required frm_input" size="70"><br>
<label for="frm_addr2">상세주소</label>
<input type="text" name="frm_addr2" id="frm_addr2" class="frm_input" size="70"><br>
<label for="frm_addr3">참고항목</label>
<input type="text" name="frm_addr3" id="frm_addr3" class="frm_input" size="70"><br>
<label for="frm_jibeon">지번주소</label>
<input type="text" name="frm_jibeon" id="frm_jibeon" class="frm_input" size="70">
<button type="button" id="put_addr" class="btn_submit">주소입력</button>
</form>
</div>
<div class="win_btn">
@ -73,7 +75,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<script>
$(function() {
$("input[name='srch_sel']").click(function() {
$("input[name='sch_sel']").click(function() {
var val = $(this).val();
$(".zip_frm").hide();