Querystring ile site içi arama

Merhaba arkadaşlar,

Web sitelerinde gördüğümüz arama kutularına bir örnek vereceğim.  Tabi bunu yaparken sayfada button varsa etkilenmemeli ve arama boş yapılamamalı bu kontrolleri input nesnesinin keypress olayından yararlanarak yapabiliriz. Ve asıl önemli olan ise aramayı farklı bir sayfada yapıcaksak girilen anahtar kelimeleri Querystring ile gönderebiliriz fakat “.,*/;” vs. gibi karakterler yani escape karakterleri querystringlerde gönderdiğimizde sayfa bulunamadı hatası ile karşılaşacağız. Bunu engellemek için Jquerynin encodeURI() fonksiyonunu kullanabiliriz. Lafı fazla uzatmadan koda geçiyorum.

$("#header_search").keypress(function (event) {
   var searchval = $(this).val().replace(/\./g, '').trim();
   if (event.keyCode == 13) {
      if (searchval == "") return false;
      else
      {
         window.location.href = (culture == "tr-TR") ? "/tr/arama/" + encodeURI(searchval) : "/en/search/" + encodeURI(searchval);
         return false;
       }
    }
});

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s