Commit ac1decf6 authored by 김정순_이모션's avatar 김정순_이모션

매장찾기 input,select 활성화 처리

parent 1458e03e
...@@ -1034,6 +1034,7 @@ ...@@ -1034,6 +1034,7 @@
color: #5e5e5e; color: #5e5e5e;
} }
.pop-shop-sch .c-input .input_shop_sch, .pop-shop-sch .c-input-outline .input_shop_sch { .pop-shop-sch .c-input .input_shop_sch, .pop-shop-sch .c-input-outline .input_shop_sch {
padding-left: 1rem; padding-left: 1rem;
display: block; display: block;
...@@ -1042,12 +1043,20 @@ ...@@ -1042,12 +1043,20 @@
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1; line-height: 1;
color: #000; color: #000;
background-color: #fff; background-color: #f7f7f7;/* 20211118수정 */
border: 1px solid #e1e1e1; border: 1px solid #e1e1e1;
border-radius: 4px; border-radius: 4px;
-webkit-appearance: none; -webkit-appearance: none;
outline: 0; outline: 0;
} }
/* 20211118추가 */
.pop-shop-sch .c-input .input_shop_sch:focus, .pop-shop-sch .c-input-outline .input_shop_sch:focus {
background-color: #fff;
}
/* 20211118추가 */
.pop-shop-sch .input_shop_sch.highlight{
background-color: #fff!important;
}
.pop-shop-sch .dsc-guide .dsc-item{ .pop-shop-sch .dsc-guide .dsc-item{
margin-bottom: 8px; margin-bottom: 8px;
...@@ -1228,7 +1237,20 @@ ...@@ -1228,7 +1237,20 @@
color: #5e5e5e; color: #5e5e5e;
font-size: inherit; font-size: inherit;
} }
/* 20211118추가 */
.pop-shop-sch select{
border:1px solid #e1e1e1;
background-color: #f7f7f7;
border-radius: 4px;
}
/* 20211118추가 */
.pop-shop-sch select:focus{
background-color: #fff;
}
/* 20211118추가 */
.pop-shop-sch select.highlight{
background-color: #fff;
}
/* 매장정보 */ /* 매장정보 */
......
...@@ -30,12 +30,12 @@ ...@@ -30,12 +30,12 @@
<div class="form-group"> <div class="form-group">
<span class="c-input"> <span class="c-input">
<!-- [D] 검색어 입력시 btn-delete 호출 --> <!-- [D] 검색어 입력시 btn-delete 호출 -->
<input type="text" placeholder="주소 또는 지하철 명으로 입력하세요." title="주소 입력" class="input_shop_sch"> <input type="text" placeholder="주소 또는 지하철 명으로 입력하세요." title="주소 입력" class="input_shop_sch" id="shop_keyword"><!-- 20211118수정 -->
<button class="btn-delete"><span class="ico-delete">입력 내용 삭제</span></button> <button class="btn-delete"><span class="ico-delete">입력 내용 삭제</span></button>
</span> </span>
<button type="button" class="btn-extra">검색</button> <button type="button" class="btn-extra">검색</button>
<!-- 자동완성레이어 --> <!-- 자동완성레이어 -->
<div class="auto_complete_layer" style="display: block;"> <div class="auto_complete_layer" style="display: none;"><!-- 20211118수정 -->
<p>지하철역</p> <p>지하철역</p>
<ul> <ul>
<li>중구청역 대전 1호선</li> <li>중구청역 대전 1호선</li>
...@@ -124,7 +124,7 @@ ...@@ -124,7 +124,7 @@
<div class="form-group"> <div class="form-group">
<span class="c-select" style="width:50%"> <span class="c-select" style="width:50%">
<select title="지역 선택" class="select"> <select title="지역 선택" class="select">
<option value="" selected="selected">대구</option> <option value="" selected="selected">지역 선택</option>
<option value="">대구</option> <option value="">대구</option>
<option value="">대구</option> <option value="">대구</option>
<option value="">대구</option> <option value="">대구</option>
...@@ -134,7 +134,7 @@ ...@@ -134,7 +134,7 @@
</span> </span>
<span class="c-select" style="width:50%"> <span class="c-select" style="width:50%">
<select title="호선 선택" class="select"> <select title="호선 선택" class="select">
<option value="" selected="selected">1호선</option> <option value="" selected="selected">호선 선택</option>
<option value="">1호선</option> <option value="">1호선</option>
<option value="">1호선</option> <option value="">1호선</option>
<option value="">1호선</option> <option value="">1호선</option>
...@@ -324,7 +324,7 @@ ...@@ -324,7 +324,7 @@
<div class="form-group"> <div class="form-group">
<span class="c-select" style="width:50%"> <span class="c-select" style="width:50%">
<select title="지역 선택" class="select"> <select title="지역 선택" class="select">
<option value="" selected="selected">대구광역시</option> <option value="" selected="selected">지역 선택</option>
<option value="">대구광역시</option> <option value="">대구광역시</option>
<option value="">대구광역시</option> <option value="">대구광역시</option>
<option value="">대구광역시</option> <option value="">대구광역시</option>
...@@ -334,7 +334,7 @@ ...@@ -334,7 +334,7 @@
</span> </span>
<span class="c-select" style="width:50%"> <span class="c-select" style="width:50%">
<select title="호선 선택" class="select"> <select title="호선 선택" class="select">
<option value="" selected="selected">중구</option> <option value="" selected="selected">구 선택</option>
<option value="">중구</option> <option value="">중구</option>
<option value="">중구</option> <option value="">중구</option>
<option value="">중구</option> <option value="">중구</option>
...@@ -430,5 +430,39 @@ ...@@ -430,5 +430,39 @@
<script src="../js/jquery.min.js"></script> <script src="../js/jquery.min.js"></script>
<script src="../js/swiper.min.js"></script> <script src="../js/swiper.min.js"></script>
<script ipt src="../js/tdirect-ui.js"></script> <script ipt src="../js/tdirect-ui.js"></script>
<!-- 20211118추가 -->
<script>
$('.input_shop_sch').focus(function() {
if (document.getElementById("shop_keyword").value === ""){
$('.auto_complete_layer').hide();
} else{
$('.auto_complete_layer').show();
}
});
$('.input_shop_sch').focusout(function() {
if (document.getElementById("shop_keyword").value === ""){
$(this).removeClass('highlight');
$('.auto_complete_layer').hide();
} else{
$(this).addClass('highlight');
$('.auto_complete_layer').show();
}
});
$('.input_shop_sch').keyup(function() {
$(this).addClass('highlight');
if (document.getElementById("shop_keyword").value === ""){
$('.auto_complete_layer').hide();
} else{
$('.auto_complete_layer').show();
}
});
$('.select').on('change', function() {
if ($(this).val === ""){
$(this).removeClass('highlight');
} else{
$(this).addClass('highlight');
}
})
</script>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -1072,6 +1072,7 @@ var UI = { ...@@ -1072,6 +1072,7 @@ var UI = {
$('.c-input .btn-delete').on('touchstart click', function () { $('.c-input .btn-delete').on('touchstart click', function () {
$('.c-input input').val('').trigger('input'); $('.c-input input').val('').trigger('input');
$('.auto_complete_layer').hide();/* 20211118추가 */
}); });
$('.dropdown-toggle').on('click', function () { $('.dropdown-toggle').on('click', function () {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment