JS Live търсачка промяна на class & color

[dunix]

Разгледах много видове подобни търсачки и всичките ми се сториха с повече от нужния код.

На мен като за начало ми трябва много малка функция, която да променя class и color.

Ще започна от DOM дървото:
#frmSearch (намира се в form)
#searchBoxHeader (това е id-то на див-а на търсачката)
#usager (това е id-то на input полето)
#search_result (в този div извеждам резултатите от търсенето.)

в #searchBoxHeader да промени class borRad на borRadТ (разликата е в едно T) и да промени color от #000 на #fff.


След въвеждането на третия символ в input полето да промени от #search_result
display="none" на display="".

 

[dakata__92]

Разгледах много видове подобни търсачки и всичките ми се сториха с повече от нужния код.

На мен като за начало ми трябва много малка функция, която да променя class и color.

Ще започна от DOM дървото:
#frmSearch (намира се в form)
#searchBoxHeader (това е id-то на див-а на търсачката)
#usager (това е id-то на input полето)
#search_result (в този div извеждам резултатите от търсенето.)

в #searchBoxHeader да промени class borRad на borRadТ (разликата е в едно T) и да промени color от #000 на #fff.


След въвеждането на третия символ в input полето да промени от #search_result
display="none" на display="".

<div id='searchBoxHeader '>
<form id='frmSearch' >
<input id='usager' /> 
</form>
</div>

<div id='search_result '></div>

Така ли да разбирам HTML-a?

 

[dunix]

Така ли да разбирам HTML-a?

Не, така:

<form name="frmSearch">
 <div id="searchBoxHeader" class="borRad">
  <input id="usager">
 </div>
 <div id="search_result">
   ...
 </div>
</form>