# 95: JavaScript pre viac vlastných vyhľadávacích nástrojov Google Triky CSS

Obsah

Všetky naše vlastné vyhľadávače Google sú nastavené (pre každú sekciu webu sme nastavili iný). Naše používateľské rozhranie na vyhľadávanie je pripravené na použitie. Máme pripravené šablóny pre každú podstránku s výsledkami vyhľadávania. Máme len posledný krok, aby sme všetko spojili: aby fungovali malé odkazy „Hľadať v:“.

Urobili sme tu toľko príprav, že to bude celkom jednoduché. Všetko, čo musíme urobiť, je zmeniť actionatribút vo formulári, ktorý obsahuje náš vyhľadávací formulár, keď kliknete na rôzne oblasti, ktoré chcete vyhľadať. Jednoduché cheezy jQuery veci, ak som ich niekedy videl.

Každému z odkazov „Hľadať v:“ priradíme data-urlatribút. Tento atribút bude mať hodnotu, ktorú chceme po actionkliknutí na odkaz presunúť do atribútu formulára. To je presne to, čo robíme iba v niekoľkých riadkoch JS. Stručne diskutujeme o tom, ako môže byť metóda .attr () „getrom“ aj „setrom“, čo je v jQuery bežná vec.

Zvyšok času venujeme písaniu ďalších CSS a jQuery, aby sme nastavili „aktívnu“ triedu odkazov, takže keď používateľ klikne na „Fóra“ (alebo na ktorékoľvek iné), dostane spätnú väzbu, že dané obmedzenie vyhľadávania je momentálne aktívny (zmení sa na biely a podčiarknutý, ako predvolený).

Zaujímavé články...