# 95: JavaScript untuk Beberapa Mesin Carian Khusus Google - Trik CSS

Isi kandungan

Semua Mesin Carian Khusus Google kami disiapkan (kami menetapkan yang lain untuk setiap bahagian laman web ini). UI kami untuk carian sudah siap. Kami mempunyai templat untuk setiap halaman hasil carian yang siap digunakan. Kami hanya mempunyai satu langkah terakhir untuk menyatukan semuanya: jadikan pautan kecil "Cari di:" berfungsi.

Kami telah melakukan banyak persiapan di sini ini akan menjadi sangat mudah. Yang perlu kita lakukan ialah mengubah actionatribut pada borang yang menempatkan borang carian kita apabila anda mengklik kawasan yang berbeza untuk dicari. Barang jQuery cheezy yang mudah jika saya pernah melihatnya.

Untuk setiap pautan "Cari di:", kami akan memberikannya data-urlatribut. Atribut ini akan menyimpan nilai yang ingin kita pindahkan ke actionatribut borang ketika pautan diklik. Itulah yang kami lakukan hanya dalam beberapa baris JS. Kami membincangkan secara ringkas bagaimana kaedah .attr () dapat menjadi "getter" dan "setter", perkara biasa di jQuery.

Kami menghabiskan sisa waktu untuk menulis sedikit CSS dan jQuery untuk menetapkan kelas "aktif" pada pautan, sehingga apabila pengguna mengklik "Forum" (atau yang lain) mereka mendapat maklum balas bahawa batasan carian saat ini aktif (bertukar menjadi putih dan bergaris bawah, seperti lalai).

Artikel menarik...