Wszystkie nasze wyszukiwarki niestandardowe Google są skonfigurowane (dla każdej sekcji witryny ustawiliśmy inną). Nasz interfejs wyszukiwania jest gotowy do pracy. Mamy gotowe szablony dla każdej podstrony wyników wyszukiwania. Mamy tylko ostatni krok, aby wszystko połączyć: sprawić, by małe linki „Szukaj w:” działały.
Zrobiliśmy tutaj tyle przygotowań, że będzie to całkiem łatwe. Wszystko, co musimy zrobić, to zmienić actionatrybut w formularzu, w którym znajduje się nasz formularz wyszukiwania, po kliknięciu różnych obszarów do przeszukania. Łatwe, kiczowate rzeczy z jQuery, jeśli kiedykolwiek je widziałem.
Każdemu z linków „Szukaj w:” data-urlprzypiszemy atrybut. Ten atrybut będzie zawierał wartość, którą zamierzamy przenieść do actionatrybutu formularza po kliknięciu odsyłacza. To jest dokładnie to, co robimy w kilku wierszach JS. Omówimy pokrótce, w jaki sposób metoda .attr () może być zarówno „pobieraniem”, jak i „ustawiaczem”, co jest powszechne w jQuery.
Resztę czasu spędzamy pisząc trochę więcej CSS i jQuery, aby ustawić „aktywną” klasę dla linków, tak aby gdy użytkownik kliknął „Fora” (lub jakiekolwiek inne), otrzymał informację, że to ograniczenie wyszukiwania jest obecnie aktywny (zmienia kolor na biały i podkreślony, jak domyślnie).