# 95: JavaScript pro více vlastních vyhledávačů Google - Triky CSS

Obsah

Všechny naše vlastní vyhledávače Google jsou nastaveny (pro každou část webu jsme nastavili jiný). Naše uživatelské rozhraní pro vyhledávání je připraveno k použití. Máme připravené šablony pro každou podstránku s výsledky vyhledávání. Máme jen jeden poslední krok k tomu, abychom vše spojili dohromady: aby fungovaly malé odkazy „Hledat v:“.

Udělali jsme tolik přípravy zde, že to bude docela snadné. Jediné, co musíme udělat, je změnit actionatribut ve formuláři, ve kterém je umístěn náš vyhledávací formulář, když kliknete na různé oblasti, které chcete prohledat. Snadné cheezy věci jQuery, pokud jsem to někdy viděl.

U každého z odkazů „Hledat v“ uvedeme data-urlatribut. Tento atribut bude obsahovat hodnotu, kterou hodláme přesunout na actionatribut formuláře, když kliknete na odkaz. To je přesně to, co děláme jen v několika řádcích JS. Stručně probereme, jak může být metoda .attr () „getterem“ i „setterem“, což je v jQuery běžná věc.

Zbytek času věnujeme psaní několika dalších CSS a jQuery k nastavení „aktivní“ třídy na odkazy, takže když uživatel klikne na „Fóra“ (nebo na kterékoli jiné), dostane zpětnou vazbu, že toto omezení vyhledávání je aktuálně aktivní (zbělá a podtržená, jako výchozí).

Zajímavé články...