마우스대면 글자 없어지는 검색창

by 조쉬 posted Mar 01, 2014
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
http://www.click114.net 사이트를 리뉴얼하면서 오른쪽 상단의 검색창보시면 마우스클릭하면 글자가 잠시 없어졌다가 검색을 할 수 있도록 해놓았는데요... 그 부분의 검색소스를 공유합니다.
action부분에는 검색후 출력되는 iboard파일명을 써주시면 됩니다.
 
아마 다 아시는 내용이시겠지만 꼭 필요하신 분들 있으실꺼에요... 이렇게 검색만 딱 따서 올린 소스를 저도 잘 못찾았거든요... 아무튼 잘 활용해 보세요.!
 
< !--=========================================소스시작===========================================-->
 
< table border="0" cellpadding="0" cellspacing="0">
         <form method=post name='ibSearch' action="검색후출력될 iboard파일명"  onsubmit='return TnTinput_check(this)'>
          <tr>
             <td width="300" align="right">
   <script language="JavaScript">
  function TnTinput_check(FormName){
   if(FormName.ish_wodrd.value==''){
    alert('제작유형 및 업종명등을 입력하십시오.');
    FormName.ish_wodrd.focus();
    return false;
   }
  }
 </script>
   <div style="display:none;"><select name='ish_period'><!---검색기간:  value 는 '일' 수로 지정--->
 <option  value='all'>Total</option>
 </select>
     <select name='ish_field' style='font-size:10px; width:140px; height:18px;'><!---검색필드: 검색대상 컬럼명으로 지정 --->
  <option  value='subject' >제목검색</option>
  <!-- <option  value='tbody'>Content</option> -->
  <!-- <option  value='name'>이름</option>
  <option  value='id'>아이디</option>
  <option  value='mnick'>닉네임</option> -->
  <!-- <option  value='user_add1'>추가항목1</option> -->
  <!-- <option  value='user_add2'>추가항목2</option> -->
 </select></div>
 <input type=text name='ish_wodrd'  style="font-family: 'Dotum', '돋움', 'Arial', 'Helvetica'; color:#C93806; padding-top:7px; padding-left:3px; font-size: 12pt;; letter-spacing: -0.1em; font-weight:bold; color:rgb(211,78,35); border-width:3px; border-color:rgb(211,78,35); border-style:solid; width:170pt; height:37px;"  size="19" value='업종명입력' onfocus="this.value=''"></td><td>
 <input type=image src="../image_design/search.jpg" border=0 align=absmiddle></td>
                            </tr></form>
</table>
 
< !--=========================================소스끝===========================================-->