# 95: JavaScript több Google egyéni keresőmotorhoz - CSS-trükkök

Tartalomjegyzék

Minden Google egyedi keresőmotorunk be van állítva (a webhely minden szakaszához létrehozunk egy mást). A kereséshez szükséges felhasználói felületünk készen áll a használatra. Rendelkezésre állnak sablonok az egyes keresési eredmények aloldalaira. Már csak egy utolsó lépésünk van, hogy mindent összekössünk: működtessük a kis „Search in:” linkeket.

Annyi előkészületet végeztünk itt, ez nagyon egyszerű lesz. Mindössze annyit kell tennünk, hogy megváltoztatjuk az actionűrlap attribútumát, amely a keresési űrlapot tartalmazza, amikor a különböző területekre kattintva keresgél. Könnyű pezsgő jQuery cucc, ha valaha láttam.

A „Keresés:” linkek mindegyikéhez megadunk egy data-urlattribútumot. Ez az attribútum fogja megtartani azt az értéket, amelyet át kívánunk helyezni actionaz űrlap attribútumára, amikor a linkre kattintunk. Pontosan ezt csináljuk a JS pár sorában. Röviden átbeszéljük, hogyan lehet az .attr () módszer egyszerre „getter” és „setter”, ami a jQuery-ben általános dolog.

A fennmaradó időt azzal töltjük, hogy írunk egy kis extra CSS-t és jQuery-t, hogy beállítsunk egy "aktív" osztályt a linkekre, hogy amikor a felhasználó rákattint a "Fórumok" (vagy bármelyik másikra) visszajelzést kap, hogy a keresési korlátozás jelenleg érvényes aktív (fehér lesz és aláhúzott, mint az alapértelmezett).

érdekes cikkek...