Όλες οι μηχανές προσαρμοσμένης αναζήτησης Google έχουν ρυθμιστεί (δημιουργούμε διαφορετική για κάθε ενότητα του ιστότοπου). Η διεπαφή χρήστη για αναζήτηση είναι έτοιμη. Έχουμε πρότυπα για κάθε δευτερεύουσα σελίδα αποτελεσμάτων αναζήτησης έτοιμα προς χρήση. Έχουμε μόνο ένα τελευταίο βήμα για να συνδέσουμε τα πάντα: κάνουμε τους μικρούς συνδέσμους "Αναζήτηση σε:" να λειτουργήσουν.
Έχουμε κάνει τόση προετοιμασία εδώ, αυτό θα είναι αρκετά εύκολο. Το μόνο που χρειάζεται να κάνουμε είναι να αλλάξουμε το actionχαρακτηριστικό στη φόρμα που φιλοξενεί τη φόρμα αναζήτησης όταν κάνετε κλικ σε διαφορετικές περιοχές για αναζήτηση. Εύκολο cheezy jQuery πράγματα αν το έχω δει ποτέ.
Για καθέναν από τους συνδέσμους "Αναζήτηση σε:", θα του δώσουμε ένα data-urlχαρακτηριστικό. Αυτό το χαρακτηριστικό θα διατηρήσει την τιμή που σκοπεύουμε να μεταφέρουμε στο actionχαρακτηριστικό της φόρμας όταν κάνετε κλικ στον σύνδεσμο. Αυτό ακριβώς κάνουμε σε μερικές γραμμές του JS. Συζητούμε εν συντομία πώς η μέθοδος .attr () μπορεί να είναι τόσο «getter» όσο και «setter», ένα κοινό πράγμα στο jQuery.
Αφιερώνουμε τον υπόλοιπο χρόνο γράφοντας λίγο επιπλέον CSS και jQuery για να ορίσουμε μια "ενεργή" τάξη στους συνδέσμους, έτσι ώστε όταν ένας χρήστης κάνει κλικ στο "Φόρουμ" (ή σε κάποιο από τα άλλα) να λάβει σχόλια ότι ο περιορισμός της αναζήτησης είναι επί του παρόντος ενεργό (γίνεται λευκό και υπογραμμισμένο, όπως το προεπιλεγμένο).