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

공통: #16 도로명 검색 마크업 및 스타일

Browse Source
This commit is contained in:
whitedot
2013-12-18 16:02:35 +09:00
parent 3f8720c57e
commit d08bd4aa6f
9 changed files with 113 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
mobile/skin/member/basic/register_form.skin.php
View File

@ -144,19 +144,13 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
-
<label for="reg_mb_zip2" class="sound_only">우편번호 뒷자리<?php echo $config['cf_req_addr']?'<strong class="sound_only"> 필수</strong>':''; ?></label>
<input type="text" name="mb_zip2" value="<?php echo $member['mb_zip2'] ?>" id="reg_mb_zip2" <?php echo $config['cf_req_addr']?"required":""; ?> class="frm_input <?php echo $config['cf_req_addr']?"required":""; ?>" size="3" maxlength="3">
<span id="reg_win_zip" style="display:block"></span>
<a href="<?php echo G5_BBS_URL ?>/zip.php?frm_name=fregisterform&amp;frm_zip1=mb_zip1&amp;frm_zip2=mb_zip2&amp;frm_addr1=mb_addr1&amp;frm_addr2=mb_addr2&amp;frm_jibeon=mb_addr_jibeon" id="reg_zip_find" class="btn_frmline win_zip_find" target="_blank">주소 검색</a>
<label for="reg_mb_addr1" class="sound_only">주소<?php echo $config['cf_req_addr']?'<strong class="sound_only"> 필수</strong>':''; ?></label>
<input type="text" name="mb_addr1" value="<?php echo $member['mb_addr1'] ?>" id="reg_mb_addr1" <?php echo $config['cf_req_addr']?"required":""; ?> class="frm_input frm_address <?php echo $config['cf_req_addr']?"required":""; ?>" size="50">
<label for="reg_mb_addr2" class="sound_only">상세주소<?php echo $config['cf_req_addr']?'<strong class="sound_only"> 필수</strong>':''; ?></label>
<input type="text" name="mb_addr2" value="<?php echo $member['mb_addr2'] ?>" id="reg_mb_addr2" <?php echo $config['cf_req_addr']?"required":""; ?> class="frm_input frm_address <?php echo $config['cf_req_addr']?"required":""; ?>" size="50">
<input type="hidden" name="mb_addr_jibeon" value=""><br>
<input type="hidden" name="mb_addr_jibeon" value="">
<span id="mb_addr_jibeon"></span>
<script>
// 우편번호 자바스크립트 비활성화 대응을 위한 코드
$('<a href="<?php echo G5_BBS_URL ?>/zip.php?frm_name=fregisterform&amp;frm_zip1=mb_zip1&amp;frm_zip2=mb_zip2&amp;frm_addr1=mb_addr1&amp;frm_addr2=mb_addr2&amp;frm_jibeon=mb_addr_jibeon" id="reg_zip_find" class="btn_frmline win_zip_find" target="_blank">우편번호 검색</a><br>').appendTo('#reg_win_zip');
$("#reg_win_zip").css("display", "inline");
$("#reg_mb_zip1, #reg_mb_zip2, #reg_mb_addr1").attr('readonly', 'readonly');
</script>
</td>
</tr>
<?php } ?>

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

@ -84,8 +84,12 @@
/* 회원가입 입력 */
#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform textarea {width:100%;height:50px}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
/* 회원가입 완료 */
#reg_result {padding:40px 10px 0}
#reg_result #result_logo {margin-bottom:50px;text-align:center}
@ -159,12 +163,17 @@
#profile .sv_wrap a {margin:0 0 5px;padding:0;font-weight:bold;line-height:10px}
/* 우편번호 검색 */
#post_code fieldset {margin:0 auto 10px;padding:10px;text-align:center}
#post_code dl {margin:0 0 10px;padding:15px 10px;background:#fff}
#post_code dt {margin-bottom:15px;color:#000}
#post_code dd {margin:0;padding:0}
#post_code ul {margin:0;padding:0;list-style:none}
#post_code li a {display:block;padding:5px 0;border-bottom:1px solid #eee;color:#000;text-decoration:none}
#post_code p {margin:0 auto 30px;padding:0 10px}
#post_code .btn_submit {height:1.9em !important;line-height:1.9em !important}
.post_code {display:inline-block;width:100px;color:#999}
#post_code p {margin:0 20px 10px}
#post_code #code_sch {margin:0 20px}
#post_code #code_sch div {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}
#post_code #result ul {margin:0;padding:0;border-bottom:1px solid #dde4e9;background:#f0f5fc;list-style:none}
#post_code #result li {padding:0 10px 10px;border:1px solid #dde4e9;border-bottom:0}
#post_code #result li a {display:block;padding:10px 0 4px}
#post_code #result li div {color:#738D94}
#post_code #result li div:before {content:"▶ "}

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

@ -9,49 +9,47 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
<h1 id="win_title"><?php echo $g5['title'] ?></h1>
<p>
시도 및 시군구 선택없이 도로명, 읍/면/동, 건물명 등으로 검색하실 수 있습니다.<br>
검색결과는 최대 1,000건만 표시됩니다. 만약 검색결과에 찾으시는 주소가 없을 때는<br>
시도와 시군구를 선택하신 후 다시 검색해 주십시오.
시도 및 시군구 선택없이 도로명, 읍/면/동, 건물명 등으로 검색하실 수 있습니다.<br>
만약 검색결과에 찾으시는 주소가 없을 때는 시도와 시군구를 선택하신 후 다시 검색해 주십시오.<br>
(검색결과는 최대 1,000건만 표시됩니다.)
</p>
<form name="fzip" method="get" onsubmit="search_call(); return false;" autocomplete="off">
<!-- 검색어 입력 시작 { -->
<fieldset>
<div id="code_sch">
<label for="sido" class="sound_only">시도선택</label>
<select name="sido" id="sido">
<option value="">- 시도 선택 -</option>
<option value="서울특별시">서울</option>
<option value="부산광역시">부산</option>
<option value="대구광역시">대구</option>
<option value="인천광역시">인천</option>
<option value="광주광역시">광주</option>
<option value="대전광역시">대전</option>
<option value="울산광역시">울산</option>
<option value="강원도">강원</option>
<option value="경기도">경기</option>
<option value="경상남도">경남</option>
<option value="경상북도">경북</option>
<option value="전라남도">전남</option>
<option value="전라북도">전북</option>
<option value="제주특별자치도">제주</option>
<option value="충청남도">충남</option>
<option value="충청북도">충북</option>
</select>
<label for="gugun" class="sound_only">시군구</label>
<select name="gugun" id="gugun">
<option value="">- 시군구 선택 -</option>
</select>
<div>
<label for="sido">시도선택</label>
<select name="sido" id="sido">
<option value="">- 시도 선택 -</option>
<option value="서울특별시">서울</option>
<option value="부산광역시">부산</option>
<option value="대구광역시">대구</option>
<option value="인천광역시">인천</option>
<option value="광주광역시">광주</option>
<option value="대전광역시">대전</option>
<option value="울산광역시">울산</option>
<option value="강원도">강원</option>
<option value="경기도">경기</option>
<option value="경상남도">경남</option>
<option value="경상북도">경북</option>
<option value="전라남도">전남</option>
<option value="전라북도">전북</option>
<option value="제주특별자치도">제주</option>
<option value="충청남도">충남</option>
<option value="충청북도">충북</option>
</select>
<label for="gugun">시군구</label>
<select name="gugun" id="gugun">
<option value="">- 시군구 선택 -</option>
</select>
</div>
<div>
<label for="q">검색어</label>
<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>
</fieldset>
</div>
<!-- } 검색어 입력 끝 -->
<div id="result"></div>
<div id="result"><span id="result_b4">검색어를 입력해주세요.</span></div>
<div class="win_btn">
<button type="button" onclick="window.close();">창닫기</button>