Al onze Google Custom Search Engines zijn ingesteld (we hebben een andere ingesteld voor elk gedeelte van de site). Onze gebruikersinterface voor zoeken is klaar voor gebruik. We hebben sjablonen voor elke subpagina van de zoekresultaten, klaar voor gebruik. We hebben nog een laatste stap om alles met elkaar te verbinden: laat de kleine "Zoeken in:" -links werken.
We hebben hier zoveel voorbereidingen getroffen dat dit vrij eenvoudig zal worden. Het enige wat we hoeven te doen is het actionattribuut op het formulier waarin ons zoekformulier is ondergebracht veranderen wanneer je op verschillende gebieden klikt om in te zoeken. Gemakkelijke jQuery-dingen als ik het ooit heb gezien.
Voor elk van de 'Zoeken in :'-links geven we het een data-urlattribuut. Dit kenmerk bevat de waarde die we van plan zijn te verplaatsen naar het actionkenmerk van het formulier wanneer op de link wordt geklikt. Dat is precies wat we doen in slechts een paar regels JS. We bespreken kort hoe de .attr () - methode zowel een "getter" als een "setter" kan zijn, wat gebruikelijk is in jQuery.
We besteden de rest van de tijd aan het schrijven van een beetje extra CSS en jQuery om een "actieve" klasse op de links in te stellen, zodat wanneer een gebruiker op "Forums" (of een van de andere) klikt, deze feedback krijgt dat die zoekbeperking momenteel is actief (wordt wit en onderstreept, zoals de standaardinstelling).
