# 95: JavaScripti mitme Google'i kohandatud otsingumootori jaoks - CSS-trikid

Lang L: none (table-of-contents)

Kõik meie Google'i kohandatud otsingumootorid on seadistatud (seadistasime saidi igale jaotisele erineva). Meie otsingu kasutajaliides on kasutamiseks valmis. Iga otsingutulemite alamlehe jaoks on mallid valmis kasutamiseks. Meil on veel üks viimane samm, et kõik kokku siduda: panna väikesed linkid „Otsi sisse” toimima.

Oleme siin nii palju ettevalmistusi teinud, see saab olema üsna lihtne. Kõik, mida peame tegema, on muuta actionvormi atribuuti, mis sisaldab meie otsinguvormi, kui klõpsate otsimiseks erinevatel aladel. Lihtne nägus jQuery värk, kui ma seda kunagi näinud olen.

Iga lingi „Otsi:” kohta anname sellele data-urlatribuudi. See atribuut hoiab väärtust, mille kavatseme actionlinki klõpsamisel vormi atribuudi juurde viia. Täpselt seda me teeme ainult JS-i paaril real. Arutame lühidalt, kuidas meetod .attr () võib olla nii “getter” kui “setter”, mis on jQuery's tavaline asi.

Ülejäänud aja kulutame natuke täiendavat CSS-i ja jQuery-d kirjutades, et linkidele "aktiivne" klass määrata, nii et kui kasutaja klõpsab nuppu "Foorumid" (või mõnel teisel), saab ta tagasisidet, et see otsingupiirang on praegu aktiivne (muutub valgeks ja allajoonitud, nagu vaikimisi).

Huvitavad Artiklid...