2013-06-17 5 views
0

onFocus 및 onBlur 속성을 사용하여 검색 상자의 스타일을 지정하려고하지만 원하는 결과를 얻지 못했습니다. 여기에 내가, 그 다음 onfocus 및 비트 작동 및 onblur 속성에 대한 조건을 설정하지 않으면 내 HTML 코드onBlur 속성이 조건과 함께 작동하지 않습니다.

<form action="index.php" method="post" class="search"> 
<input name="searchword" id="mod_search_searchword" maxlength="20" 
type="text" size="30" value="Search..." 
onblur="if(this.value=='') {this.value='Search...'; this.className='search-default';} 
elseif(this.value!='' && this.value!='Search...') {this.className='search-userinput';}" 
onfocus="if(this.value=='Search...') {this.value=''; this.className='search-userinput';} 
else {this.className='search-userinput';}" class="search-userinput">  
<input type="hidden" name="option" value="com_search"> 
<input type="hidden" name="task" value="search"> 
</form> 

,하지만 난 모두 작동해야합니다. 내가 가진 해결책은 무엇입니까?

 <script> 
     function setb(obj) 
     { 
      if(obj.value=='') 
      {obj.value='Search...'; obj.className='search-default';} 
      else if(obj.value!='' && obj.value!='Search...') 
      obj.className='search-userinput'; 
     } 
     function setf(obj) 
     { 
      if(obj.value=='Search...') 
      {obj.value=''; obj.className='search-userinput';} 
      else 
      obj.className='search-userinput'; 
     } 
     </script> 

     <form action="index.php" method="post" class="search"> 
     <input name="searchword" id="mod_search_searchword" maxlength="20" 
     type="text" size="30" value="Search..." 
     onblur="setb(this)" 
     onfocus="setf(this)" class="search-userinput">  
     <input type="hidden" name="option" value="com_search"> 
     <input type="hidden" name="task" value="search"> 
     </form> 

을 우리는 elseif을 해달라고 :

+0

인라인으로 쓰지 마세요. (Java **는 JavaScript btw가 아닙니다.) – lifetimes

+0

[Java와 Javascript의 차이점은 무엇입니까?] (http : //www.htmlgoodies. com/beyond/javascript/article.php/3470971/Java-vs-JavaScript.htm) –

+0

태그 안에 코드를 인라인으로 고정하는 대신 js 함수를 작성하면 읽기가 쉬워 질 것입니다. – zargarf

답변

0

이 작동합니다! 그게 else if입니다.

+0

대단히 감사합니다, 그것은 작동하지 않았다. –