2013-06-17 4 views
0

Я пытаюсь создать окно поиска с атрибутами 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> 

Если я не поставил условие для атрибута ONBLUR, то бит OnFocus работает, но мне нужно и работать. Какие у меня решения?

+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

это будет работать:

 <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! это else if.

+0

Большое спасибо, это действительно сработало. –

 Смежные вопросы

  • Нет связанных вопросов^_^