Alle våre tilpassede søkemotorer fra Google er konfigurert (vi setter opp en annen for hver del av nettstedet). Brukergrensesnittet vårt for søk er klar til bruk. Vi har maler for hver underside som er klare til bruk. Vi har bare ett siste trinn for å få alt bundet sammen: få de små "Søk i:" -koblingene til å fungere.
Vi har gjort så mye prep her, dette blir ganske enkelt. Alt vi trenger å gjøre er å endre actionattributtet på skjemaet som huser søkeskjemaet vårt når du klikker på forskjellige områder for å søke i. Enkle, cheezy jQuery-ting hvis jeg noen gang har sett det.
For hver av "Søk i:" -lenkene gir vi den et data-urlattributt. Dette attributtet holder verdien som vi har tenkt å flytte til actionattributtet til skjemaet når du klikker på lenken. Det er akkurat det vi gjør i bare et par linjer med JS. Vi diskuterer kort hvordan metoden .attr () kan være både en "getter" og en "setter", en vanlig ting i jQuery.
Vi bruker resten av tiden på å skrive litt ekstra CSS og jQuery for å sette en "aktiv" klasse på lenkene, slik at når en bruker klikker på "Forums" (eller noen av de andre) får de tilbakemelding om at søkebegrensningen for tiden er aktiv (blir hvit og understreket, som standard).
