# 95: JavaScript za više Googleovih prilagođenih pretraživača - CSS-trikovi

Sadržaj

Postavljeni su svi naši Googleovi prilagođeni pretraživači (postavili smo drugačiji za svaki odjeljak web stranice). Naše korisničko sučelje za pretraživanje spremno je za upotrebu. Imamo predloške za svaku podstranicu rezultata pretraživanja spremne za rad. Imamo samo posljednji korak da sve povežemo: učinite da male veze "Traži u:" funkcioniraju.

Ovdje smo napravili toliko priprema da će ovo biti prilično lako. Sve što trebamo je promijeniti actionatribut na obrascu u kojem se nalazi naš obrazac za pretraživanje kada kliknete na različita područja za pretraživanje. Lagane drske stvari u jQueryju ako sam ih ikad vidio.

Za svaku od veza "Pretraži u:" dodijelit ćemo joj data-urlatribut. Ovaj će atribut sadržavati vrijednost koju namjeravamo premjestiti u actionatribut obrasca kada se klikne na vezu. Upravo to radimo u samo nekoliko redaka JS-a. Ukratko raspravljamo o tome kako metoda .attr () može biti i "getter" i "setter", uobičajena stvar u jQueryju.

Ostatak vremena provodimo pišući malo dodatnog CSS-a i jQueryja kako bismo postavili "aktivnu" klasu na vezama, tako da kada korisnik klikne "Forum" (ili bilo koji drugi) dobije povratnu informaciju da je to ograničenje pretraživanja trenutno aktivno (postaje bijelo i podcrtano, poput zadanog).

Zanimljivi članci...