Entere Basınca Submit Etmek


Entere Basınca Form submit etmek

Formlarımızda ya da arama kutularımızda metni yazdıktan sonra fare ile butona basmak kullanıcılar için gerçekten çok zahmetli bir iş. Bu yüzden formlarımıza mutlaka Enter‘e basarak submit işlemini tetiklemeyi eklemeliyiz. Bu sayede hem kullanıcıları mutlu etmiş olacağız hem de zaman kazandırmış olacağız. Kullanıcı memnuniyetinin böyle küçük ayrıntılarda olduğunu unutmamamız gerekli.

Yapacağımız işlem oldukça basit.  Textbox‘un onkeydown eventini javascript kullanarak sorgulayacağız. Eğer basılan tuş Enter ise submit işlemini gerçekleştireceğiz. Enter‘in key code karşılığı 13’tür. Redirect() fonksiyonu ile gidilmesi istenen adrese yönlendirmemizi yapıyoruz.

<html>

<script type="text/javascript" >
function Redirect() {
window.location = "http://www.gidilecekadres.com/arama.aspx?q=" + document.getElementById("search").value;
};
</script>

<body>
<div id="searchbox" >
<input id="search" type="text" placeholder="Oyun Ara" onkeydown="if (event.keyCode == 13) { Redirect(); }" />
<input id="submit" type="submit" value="Ara" onclick="Redirect()" />
</div>
<body>

</html>
Reklamlar

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. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s