# 95: JavaScript untuk Beberapa Mesin Telusur Ubahsuaian Google - Trik CSS

Daftar Isi

Semua Mesin Telusur Ubahsuaian Google kami disiapkan (kami menyiapkan yang berbeda untuk setiap bagian situs). UI untuk pencarian kami siap digunakan. Kami memiliki template untuk setiap subhalaman hasil pencarian yang siap digunakan. Kami hanya memiliki satu langkah terakhir untuk menyatukan semuanya: buat tautan "Telusuri di:" berfungsi.

Kami telah melakukan banyak persiapan di sini, ini akan menjadi sangat mudah. Yang perlu kita lakukan adalah mengubah actionatribut pada formulir yang menampung formulir pencarian kita ketika Anda mengklik area yang berbeda untuk mencari masuk. Mudah cheezy jQuery barang jika saya pernah melihatnya.

Untuk setiap tautan "Telusuri di:", kami akan memberinya data-urlatribut. Atribut ini akan menyimpan nilai yang ingin kita pindahkan ke actionatribut formulir ketika link diklik. Itulah yang kami lakukan hanya dalam beberapa baris JS. Kami membahas secara singkat bagaimana metode .attr () bisa menjadi "pengambil" dan "penyetel", hal yang umum di jQuery.

Kami menghabiskan sisa waktu menulis sedikit CSS dan jQuery tambahan untuk menetapkan kelas "aktif" pada tautan, sehingga ketika pengguna mengeklik "Forum" (atau yang lainnya) mereka mendapatkan umpan balik bahwa batasan pencarian saat ini aktif (berubah menjadi putih dan bergaris bawah, seperti default).

Artikel yang menarik...