Toate motoarele noastre de căutare personalizate Google sunt configurate (noi configurăm unul diferit pentru fiecare secțiune a site-ului). UI-ul nostru pentru căutare este gata de pornire. Avem șabloane pentru fiecare subpagină de rezultate ale căutării gata de pornire. Avem doar un ultim pas pentru a face totul legat: faceți ca micile legături „Căutare în:” să funcționeze.
Am făcut atât de multe pregătiri aici, încât va fi destul de ușor. Tot ce trebuie să facem este să schimbăm actionatributul din formularul care găzduiește formularul nostru de căutare atunci când faceți clic pe diferite zone pentru a căuta. Lucruri ușoare de jQuery, dacă am văzut vreodată.
Pentru fiecare dintre linkurile „Căutare în:”, îi vom da un data-urlatribut. Acest atribut va deține valoarea pe care intenționăm să o mutăm la actionatributul formularului atunci când se face clic pe link. Exact asta facem în doar câteva rânduri de JS. Discutăm pe scurt cum metoda .attr () poate fi atât un „getter”, cât și un „setter”, un lucru obișnuit în jQuery.
Petrecem restul timpului scriind un pic CSS suplimentar și jQuery pentru a seta o clasă „activă” pe linkuri, astfel încât atunci când un utilizator face clic pe „Forum” (sau pe oricare dintre celelalte) să primească feedback că limitarea căutării este în prezent activ (devine alb și subliniat, ca implicit).
