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

This commit is contained in:
whitedot
2013-12-18 16:31:00 +09:00
parent f7415debb0
commit f5ad5e7269
6 changed files with 32 additions and 68 deletions

View File

@ -44,8 +44,8 @@ $pg_anchor = '<ul class="anchor">
<li><a href="#anc_sodr_chk">결제상세정보 확인</a></li>
<li><a href="#anc_sodr_paymo">결제상세정보 수정</a></li>
<li><a href="#anc_sodr_memo">상점메모</a></li>
<li><a href="#anc_sodr_payer">주문하신 분</a></li>
<li><a href="#anc_sodr_addressee">받으시는 분</a></li>
<li><a href="#anc_sodr_orderer">주문하신 분</a></li>
<li><a href="#anc_sodr_taker">받으시는 분</a></li>
</ul>';
$html_receipt_chk = '<input type="checkbox" id="od_receipt_chk" value="'.$od['od_misu'].'" onclick="chk_receipt_price()">
@ -704,7 +704,7 @@ $result = sql_query($sql);
<div class="compare_wrap">
<section id="anc_sodr_payer" class="compare_left">
<section id="anc_sodr_orderer" class="compare_left">
<h3>주문하신 분</h3>
<div class="tbl_frm01">
@ -735,21 +735,14 @@ $result = sql_query($sql);
-
<label for="od_zip2" class="sound_only">우편번호 뒷자리</label>
<input type="text" name="od_zip2" value="<?php echo $od['od_zip2']; ?>" id="od_zip2" required class="frm_input required" size="4">
<a href="<?php echo G5_BBS_URL; ?>/zip.php?frm_name=frmorderform3&amp;frm_zip1=od_zip1&amp;frm_zip2=od_zip2&amp;frm_addr1=od_addr1&amp;frm_addr2=od_addr2&amp;frm_jibeon=od_addr_jibeon" id="od_zip_find" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>
<span id="od_win_zip" style="display:block"></span>
<label for="od_addr1" class="sound_only">주소</label>
<input type="text" name="od_addr1" value="<?php echo $od['od_addr1']; ?>" id="od_addr1" required class="frm_input required" size="50"><br>
<label for="od_addr2" class="sound_only">상세주소</label>
<input type="text" name="od_addr2" value="<?php echo $od['od_addr2']; ?>" id="od_addr2" required class="frm_input required" size="50">
<input type="hidden" name="od_addr_jibeon" value="">
<br><span id="od_addr_jibeon">지번주소 : <?php echo $od['od_addr_jibeon']; ?></span>
<script>
// 우편번호 자바스크립트 비활성화 대응을 위한 코드
$('<a href="<?php echo G5_BBS_URL; ?>/zip.php?frm_name=frmorderform3&amp;frm_zip1=od_zip1&amp;frm_zip2=od_zip2&amp;frm_addr1=od_addr1&amp;frm_addr2=od_addr2&amp;frm_jibeon=od_addr_jibeon" id="od_zip_find" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>').appendTo('#od_win_zip');
$("#od_win_zip").css("display", "inline");
$("#od_zip1, #od_zip2, #od_addr1").attr('readonly', 'readonly');
$("#od_zip1, #od_zip2, #od_addr1").addClass('readonly');
</script>
<input type="hidden" name="od_addr_jibeon" value=""><br>
<span id="od_addr_jibeon">지번주소 : <?php echo $od['od_addr_jibeon']; ?></span>
</tr>
<tr>
<th scope="row"><label for="od_email"><span class="sound_only">주문하신 분 </span>E-mail</label></th>
@ -764,7 +757,7 @@ $result = sql_query($sql);
</div>
</section>
<section id="anc_sodr_addressee" class="compare_right">
<section id="anc_sodr_taker" class="compare_right">
<h3>받으시는 분</h3>
<div class="tbl_frm01">
@ -795,21 +788,13 @@ $result = sql_query($sql);
-
<label for="od_b_zip2" class="sound_only">우편번호 뒷자리</label>
<input type="text" name="od_b_zip2" value="<?php echo $od['od_b_zip2']; ?>" id="od_b_zip2" required class="frm_input required" size="4">
<span id="od_win_zipb" style="display:block"></span>
<a href="<?php echo G5_BBS_URL; ?>/zip.php?frm_name=frmorderform3&amp;frm_zip1=od_b_zip1&amp;frm_zip2=od_b_zip2&amp;frm_addr1=od_b_addr1&amp;frm_addr2=od_b_addr2&amp;frm_jibeon=od_b_addr_jibeon" id="od_zip_findb" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>
<label for="od_b_addr1" class="sound_only">주소</label>
<input type="text" name="od_b_addr1" value="<?php echo $od['od_b_addr1']; ?>" id="od_b_addr1" required class="frm_input required" size="50"><br>
<label for="od_b_addr2" class="sound_only">상세주소</label>
<input type="text" name="od_b_addr2" value="<?php echo $od['od_b_addr2']; ?>" id="od_b_addr2" required class="frm_input required" size="50">
<input type="hidden" name="od_b_addr_jibeon" value="">
<br><span id="od_b_addr_jibeon">지번주소 : <?php echo $od['od_b_addr_jibeon']; ?></span>
<script>
// 우편번호 자바스크립트 비활성화 대응을 위한 코드
$('<a href="<?php echo G5_BBS_URL; ?>/zip.php?frm_name=frmorderform3&amp;frm_zip1=od_b_zip1&amp;frm_zip2=od_b_zip2&amp;frm_addr1=od_b_addr1&amp;frm_addr2=od_b_addr2&amp;frm_jibeon=od_b_addr_jibeon" id="od_zip_findb" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>').appendTo('#od_win_zipb');
$("#od_win_zipb").css("display", "inline");
$("#od_b_zip1, #od_b_zip2, #od_b_addr1").attr('readonly', 'readonly');
$("#od_b_zip1, #od_b_zip2, #od_b_addr1").addClass('readonly');
</script>
<input type="hidden" name="od_b_addr_jibeon" value=""><br>
<span id="od_b_addr_jibeon">지번주소 : <?php echo $od['od_b_addr_jibeon']; ?></span>
</td>
</tr>

View File

@ -121,7 +121,7 @@ h3 {margin:0 20px}
.compare_wrap section {margin:10px 0;padding:2%;background:#f2f5f9}
.compare_wrap h3 {margin:10px 0 20px;text-align:center}
.compare_wrap .tbl_frm {margin:0}
.compare_wrap .frm_input {background:#fff}
.compare_wrap .frm_input, .compare_wrap .required {background-color:#fff !important}
.compare_wrap .btn_confirm {padding:10px 0 0}
.compare_left {float:left;width:45%}
.compare_right {float:right;width:45%}
@ -544,10 +544,9 @@ strong.sodr_nonpay {display:block;padding:5px 0;text-align:right}
.sodr_sppay {color:#1f9bff}
#anc_sodr_memo textarea {width:98%}
#anc_sodr_memo .btn_confirm {margin:10px 0 0}
#anc_sodr_payer #od_addr1,
#anc_sodr_payer #od_addr2 {margin:5px 0 0}
#anc_sodr_addressee #od_b_addr1,
#anc_sodr_addressee #od_b_addr2 {margin:5px 0 0}
#anc_sodr_orderer #od_addr1, #anc_sodr_orderer #od_addr2 {margin:5px 0 0}
#anc_sodr_taker #od_b_addr1, #anc_sodr_taker #od_b_addr2 {margin:5px 0 0}
#anc_sodr_orderer #od_addr_jibeon, #anc_sodr_taker #od_b_addr_jibeon {display:block;margin:5px 0 0}
#sodr_qty_log h3 {margin:20px 0 10px}
#sodr_qty_log div {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;line-height:1.8em;overflow-y:scroll}

View File

@ -8,11 +8,12 @@ html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
@ -226,7 +227,8 @@ fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}
/* 게시판용 버튼 */
@ -698,6 +700,7 @@ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}
#sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}
#sod_frm_orderer {margin:20px 0 40px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:block;margin:5px 0 0}
#sod_frm_addr div {position:relative} /* FF 포지션 */
#sod_frm_addr div div {position:absolute;top:-20px;left:170px}

View File

@ -287,6 +287,7 @@ html.no-overflowscrolling #cp_frm {height:auto;max-height:10000px !important} /*
#sod_frm_deli #order_address {display:block;padding:5px 0;background:#000;color:#fff;text-align:center}
#sod_frm_orderer {margin:15px 0 30px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:block;margin:5px 0 0}
#sod_frm_addr div {display:inline-block}

View File

@ -371,19 +371,13 @@ ob_end_clean();
-
<label for="od_zip2" class="sound_only">우편번호 뒷자리<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_zip2" value="<?php echo $member['mb_zip2'] ?>" id="od_zip2" required class="frm_input required" size="3" maxlength="3">
<span id="od_win_zip" style="display:block"></span>
<a href="<?php echo $zip_href; ?>" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>
<label for="od_addr1" class="sound_only">주소<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_addr1" value="<?php echo $member['mb_addr1'] ?>" id="od_addr1" required class="frm_input frm_address required">
<label for="od_addr2" class="sound_only">상세주소<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_addr2" value="<?php echo $member['mb_addr2'] ?>" id="od_addr2" required class="frm_input frm_address required">
<input type="hidden" name="od_addr_jibeon" value="">
<br><span id="od_addr_jibeon"></span>
<script>
// 우편번호 자바스크립트 비활성화 대응을 위한 코드
$('<a href="<?php echo $zip_href; ?>" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>').appendTo('#od_win_zip');
$("#od_win_zip").css("display", "inline");
$("#od_zip1, #od_zip2, #od_addr1").attr('readonly', 'readonly');
</script>
<span id="od_addr_jibeon"></span>
</td>
</tr>
<tr>
@ -504,19 +498,13 @@ ob_end_clean();
-
<label for="od_b_zip2" class="sound_only">우편번호 뒷자리<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_b_zip2" id="od_b_zip2" required class="frm_input required" size="3" maxlength="3">
<span id="od_winb_zip" style="display:block"></span>
<a href="<?php echo $zip_href; ?>" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>
<label for="od_b_addr1" class="sound_only">주소<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_b_addr1" id="od_b_addr1" required class="frm_input frm_address required">
<label for="od_b_addr2" class="sound_only">상세주소<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_b_addr2" id="od_b_addr2" required class="frm_input frm_address required">
<input type="hidden" name="od_b_addr_jibeon" value="">
<br><span id="od_b_addr_jibeon"></span>
<script>
// 우편번호 자바스크립트 비활성화 대응을 위한 코드
$('<a href="<?php echo $zip_href; ?>" class="btn_frmline win_zip_find" target="_blank">주소 검색</a>').appendTo('#od_winb_zip');
$("#od_winb_zip").css("display", "inline");
$("#od_b_zip1, #od_b_zip2, #od_b_addr1").attr('readonly', 'readonly');
</script>
<span id="od_b_addr_jibeon"></span>
</td>
</tr>
<tr>

View File

@ -653,19 +653,13 @@ function get_intall_file()
-
<label for="od_zip2" class="sound_only">우편번호 뒷자리<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_zip2" value="<?php echo $member['mb_zip2'] ?>" id="od_zip2" required class="frm_input required" size="3" maxlength="3">
<span id="od_win_zip" style="display:block"></span>
<a href="<?php echo $zip_href; ?>" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>
<label for="od_addr1" class="sound_only">주소<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_addr1" value="<?php echo $member['mb_addr1'] ?>" id="od_addr1" required class="frm_input frm_address required" size="50">
<input type="text" name="od_addr1" value="<?php echo $member['mb_addr1'] ?>" id="od_addr1" required class="frm_input frm_address required" size="70">
<label for="od_addr2" class="sound_only">상세주소<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_addr2" value="<?php echo $member['mb_addr2'] ?>" id="od_addr2" required class="frm_input frm_address required" size="50">
<input type="text" name="od_addr2" value="<?php echo $member['mb_addr2'] ?>" id="od_addr2" required class="frm_input frm_address required" size="70">
<input type="hidden" name="od_addr_jibeon" value="">
<br><span id="od_addr_jibeon"></span>
<script>
// 우편번호 자바스크립트 비활성화 대응을 위한 코드
$('<a href="<?php echo $zip_href; ?>" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>').appendTo('#od_win_zip');
$("#od_win_zip").css("display", "inline");
$("#od_zip1, #od_zip2, #od_addr1").attr('readonly', 'readonly');
</script>
<span id="od_addr_jibeon"></span>
</td>
</tr>
<tr>
@ -786,19 +780,13 @@ function get_intall_file()
-
<label for="od_b_zip2" class="sound_only">우편번호 뒷자리<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_b_zip2" id="od_b_zip2" required class="frm_input required" size="3" maxlength="3">
<span id="od_winb_zip" style="display:block"></span>
<a href="<?php echo $zip_href; ?>" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>
<label for="od_b_addr1" class="sound_only">주소<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_b_addr1" id="od_b_addr1" required class="frm_input frm_address required" size="50">
<input type="text" name="od_b_addr1" id="od_b_addr1" required class="frm_input frm_address required" size="70">
<label for="od_b_addr2" class="sound_only">상세주소<strong class="sound_only"> 필수</strong></label>
<input type="text" name="od_b_addr2" id="od_b_addr2" required class="frm_input frm_address required" size="50">
<input type="text" name="od_b_addr2" id="od_b_addr2" required class="frm_input frm_address required" size="70">
<input type="hidden" name="od_b_addr_jibeon" value="">
<br><span id="od_b_addr_jibeon"></span>
<script>
// 우편번호 자바스크립트 비활성화 대응을 위한 코드
$('<a href="<?php echo $zip_href; ?>" class="btn_frmline win_zip_find" target="_blank">주소 검색</a><br>').appendTo('#od_winb_zip');
$("#od_winb_zip").css("display", "inline");
$("#od_b_zip1, #od_b_zip2, #od_b_addr1").attr('readonly', 'readonly');
</script>
<span id="od_b_addr_jibeon"></span>
</td>
</tr>
<tr>