Kaikki Google-täsmähakukoneemme on määritetty (me asetamme oman sivuston jokaiselle osalle). Haun käyttöliittymä on käyttövalmis. Meillä on malleja kutakin hakutulossivua varten. Meillä on vain yksi viimeinen askel saadaksemme kaiken yhteen: saat pienet "Etsi:" -linkit toimimaan.
Olemme tehneet täällä niin paljon valmistelua, että tämä tulee olemaan melko helppoa. Meidän on vain muutettava actionhakulomakkeemme sisältävän lomakkeen määritettä, kun napsautat eri alueita hakua varten. Helppo röyhkeä jQuery-juttu, jos olen koskaan nähnyt sitä.
Jokaiselle Etsi: -linkille annamme sille data-urlmääritteen. Tämä attribuutti pitää sisällään arvon, jonka aiomme siirtää actionlomakkeen attribuuttiin, kun linkkiä napsautetaan. Juuri niin teemme vain muutamassa rivissä JS: ää. Keskustelemme lyhyesti siitä, kuinka .attr () -menetelmä voi olla sekä "getter" että "setter", yleinen asia jQueryssä.
Vietämme loppuajan kirjoittamalla hieman ylimääräistä CSS: ää ja jQueryä asettamaan linkeille "aktiivinen" luokka, jotta kun käyttäjä napsauttaa "Foorumit" (tai mitä tahansa muita), hän saa palautetta siitä, että haku on tällä hetkellä rajoitettu. aktiivinen (muuttuu valkoiseksi ja alleviivatuksi, kuten oletusarvo).
