티스토리 스킨제작 검색창 오류 수정기(검색내용이 처리 안됨)

 

티스토리 스킨을 어느정도 완성해 가던중

 

1. PC버전과 모바일 버전의 검색창을 따로 구현 함(검색창의 위치나 배치가 달라 지기 때문에)

 

2. 스크립트 및 CSS도 정확하게 제작함

 

3. 오류 발생 PC버전의 검색창은 동작을 하나 검색 내용이 나타나지 않음

 

결론 : [샵샵_search_name_샵샵]

          [샵샵_search_onclick_submit_샵샵]

의 치환자에서 오류가 남.

 

이유는 즉. 각 치환자에서 검색창은 search라는 이름을 사용하고 있는데, 모바일과 PC버전 동시에 사용되니(display:none; 스타일이더라도 사용은 되고 있는 거임)

둘중 하나가 정확하게 동작하지 않는 것임

 

기존의 서치박스 치환자 사용 코드(모바일 버전 서치 박스)

<input type="text" name="" title="Search" placeholder=" 검색 내용 입력..." value="" class="m_inp_txt_s" onkeypress="javascript:if (event.keyCode == 13) {  }" >

 

 

여기서 [샵샵_search_name_샵샵]에서 치환되는 search를 바꿔줘야함.

그래서 ti_search 로 변경후 엔터키가 발생하는 스크립트도 직접 입력되어 변경함.

 

<input type="text" name="ti_search" title="Search" placeholder=" 검색 내용 입력..." value="" class="inp_txt_search" 
							onkeypress="javascript:if (event.keyCode == 13) { try{
							window.location.href='/search/'+looseURIEncode(document.getElementsByName('ti_search')[0].value);
							document.getElementsByName('ti_search')[0].value='';
							return false;
							}catch(e){
							}  }" >