Tüm Google Özel Arama Motorlarımız kuruldu (sitenin her bölümü için farklı bir tane oluşturuyoruz). Arama için kullanıcı arayüzümüz kullanıma hazır. Her arama sonuçları alt sayfası için kullanıma hazır şablonlarımız var. Her şeyi birbirine bağlamak için son bir adımımız var: küçük "Şurada ara:" bağlantılarının çalışmasını sağlamak.
Burada o kadar çok hazırlık yaptık ki, bu oldukça kolay olacak. Tek yapmamız gereken, arama yapmak için action
farklı alanları tıkladığınızda arama formumuzu barındıran formdaki özniteliği değiştirmektir . Daha önce görmüş olsaydım, kolay cheezy jQuery şeyler.
"Şurada ara:" bağlantılarının her biri için, ona bir data-url
özellik vereceğiz . Bu özellik action
, bağlantı tıklandığında formun özelliğine taşımayı düşündüğümüz değeri tutacaktır . Sadece birkaç satır JS'de yaptığımız tam olarak bu. .Attr () yönteminin jQuery'de yaygın bir şey olan hem "alıcı" hem de "ayarlayıcı" olabileceğini kısaca tartışacağız.
Geri kalan zamanımızı, bağlantılarda "etkin" bir sınıf oluşturmak için biraz fazladan CSS ve jQuery yazmaya harcıyoruz, böylece bir kullanıcı "Forumlar" ı (veya diğerlerinden herhangi birini) tıkladığında, arama sınırlamasının şu anda olduğu konusunda geri bildirim alıyorlar. etkin (varsayılan gibi beyaza döner ve altı çizilidir).