< ( 3 ) 검색어 입력하고 검색어를 다른 페이지 파라미터로 넘기기 >
html :
<div class="search_input">
<label for="searchinput"><input type="text" id="searchinput" placeholder="검색어를 입력하여 주세요" /></label>
<a href="javascript:;"><img src="<%=IMAGE_SITE_DOMAIN%>/good/mobile/common/btn_menu_gnbsearch.png" alt="검색"></a>
</div>
javascript :
var $searchInputClick = _$('.search_input').find('a');
$searchInputClick.on('click', searchText );
var _$searchInput = _$('.search_input').find('input');
_$searchInput.keyup(function(e){
if(e.keyCode == 13) { // 웹에서 엔터쳤을때
searchText( );
}
});
function searchText( $e ){
var thisText = $('aside .menu_box .search .search_input input').val(); // 검색한 단어
if( thisText == '' ){
$('aside .menu_box .search .search_input input').val('').blur(); //blur 처리하여 모바일에서 인풋 포커스 없애서 키패드 감추기
alert('검색어가 없습니다.');
} else {
window.location.href = (이동시킬도메인 + "/search/search_list.asp?q=" + encodeURIComponent(thisText)); //이동시킬 페이지 //encodeURIComponent로 변환하여 넘기기
}
}
검색완료된 페이지에서 파라미터값을 받아서 검색인풋창에 다시 보여주기
'CODING TIP > JavaScript' 카테고리의 다른 글
(5) 특정 글자수 만큼만 입력하기 - 글자수 제한 (0) | 2018.03.05 |
---|---|
(4) window postmessage - iframe 과 부모의 통신 (0) | 2018.02.19 |
(2) 이미지 로드 시점 잡기 ( img load ) (0) | 2018.01.24 |
(1) 특정 영역을 제외한 나머지 클릭 했을 때 특정 영역 닫히기 (2) | 2018.01.19 |
이 글은 어디로 올라가있는거니 (0) | 2018.01.11 |