Mouse İmlecini Formadaki Bir Alana Göndermek (setFocus)
Mart 11th, 2008 Konuyu Açan
admin
Web sitelerimizde hazırladığımız formlara, kullanıcı bilgi girmek için öncelikle formadaki bir nesneye tıklaması gerekmektedir. Bu durum sadece formdan oluşan sayfalarımızda bir gereksinim ortaya çıkarmaktadır.
Kullanıcı neden sayfaya girdiği anda formu doldurmaya başlayamasın? Eğer imleç otomatik olarak sayfa başlangıcında formun ilk alanına focuslanırsa bu sorun ortadan kalkacaktır.
Şimdi bunu aşağıdaki adımları takip ederek gerçekleştirelim…
1. Aşama
Sayfamızın HTML kod kısmına </head> tagından önce aşağıdaki kodları ekliyoruz…
<script>
function setFocus()
{
if (document.forms[0].username) {
document.forms[0].username.focus();
document.forms[0].username.select();
}
}
</script>
Eklemiş olduğumuz bu kod imlecin otomatik olarak formdaki username isimli alanında başlamısını sağlayacaktır. Eğer sizin formunuzdaki alanlar farklı isimlendirilmiş ise yukarıdaki kodda username gördüğünüz yerleri kendi verdiğiniz isim ile değiştirin.
2. Aşama
Kodumuzun çalışmabilmesi için yazmış olduğumuz javascript kodu tetiklememiz gerekiyor. Mouse un imlecinin sayfa açıldığı anda formda focuslanabilmesi için tetiklemeyi sayfa başlangıcında yapmamız gerekiyor. Bu yüzden <body> tagının onLoad methodunu kullanıyoruz.
Sayfanızın <body> tagına aşağıdaki kodu eklerseniz işlemimiz tamamlanacaktır.
<body onLoad=’setFocus();’>
Hepinize kolay gelsin…
Katagori
Java Script | 