Tutti i nostri motori di ricerca personalizzati di Google sono configurati (ne impostiamo uno diverso per ogni sezione del sito). La nostra interfaccia utente per la ricerca è pronta per l'uso. Abbiamo modelli per ogni sottopagina dei risultati di ricerca pronti per essere utilizzati. Abbiamo solo un ultimo passaggio per mettere insieme tutto: far funzionare il piccolo link "Cerca in:".
Abbiamo fatto così tanta preparazione qui che sarà abbastanza facile. Tutto quello che dobbiamo fare è cambiare l' actionattributo nel modulo che ospita il nostro modulo di ricerca quando fai clic su aree diverse in cui cercare. Facile roba jQuery se l'ho mai vista.
Per ciascuno dei link "Cerca in:", assegneremo un data-urlattributo. Questo attributo manterrà il valore che intendiamo spostare actionnell'attributo del modulo quando si fa clic sul collegamento. Questo è esattamente quello che facciamo in un paio di righe di JS. Discutiamo brevemente di come il metodo .attr () possa essere sia un "getter" che un "setter", una cosa comune in jQuery.
Passiamo il resto del tempo a scrivere un po 'di CSS e jQuery in più per impostare una classe "attiva" sui collegamenti, in modo che quando un utente fa clic su "Forum" (o su uno qualsiasi degli altri) ottenga un feedback sul fatto che tale limitazione di ricerca è attualmente attivo (diventa bianco e sottolineato, come l'impostazione predefinita).
