# 95: JavaScript za več Googlovih iskalnikov po meri - CSS-triki

Kazalo

Nastavljeni so vsi naši Googlovi iskalniki po meri (za vsakega odseka spletnega mesta nastavimo drugačnega). Naš uporabniški vmesnik za iskanje je pripravljen za uporabo. Za vsako podstran z rezultati iskanja imamo predloge, pripravljene za uporabo. Imamo samo še zadnji korak, da vse povežemo: poskrbite, da bodo majhne povezave »Iskanje po:« delovale.

Tu smo naredili toliko priprav, da bo to zelo enostavno. Vse, kar moramo storiti, je spremeniti actionatribut na obrazcu, v katerem je naš obrazec za iskanje, ko kliknete različna področja za iskanje. Preproste siraste stvari jQuery, če sem jih kdaj videl.

Za vsako od povezav »Išči v:« mu bomo dali data-urlatribut. Ta atribut bo vseboval vrednost, ki jo nameravamo premakniti v actionatribut obrazca, ko kliknemo povezavo. Točno to počnemo v samo nekaj vrsticah JS. Na kratko razpravljamo o tem, kako je metoda .attr () lahko "getter" in "setter", kar je pogosta stvar v jQueryju.

Preostali čas porabimo za pisanje dodatnega CSS-ja in jQueryja, da na povezave nastavimo "aktivni" razred, tako da ko uporabnik klikne "Forum" (ali katerega koli drugega), dobi povratne informacije, da je ta omejitev iskanja trenutno aktivno (postane belo in podčrtano, tako kot privzeto).

Zanimive Članki...