Mouse İmlecini Formadaki Bir Alana Göndermek (setFocus)

**KaRaqiZz** · 18-04-11, 16:13

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...

18-04-11, 16:13	#1
KaRaqiZz Üyelik tarihi: Feb 2011 Yaş: 23 Mesajlar: 11.519 Konular: 10981 Aldığı Teşekkür : 18 NF Puanı : 32293 NF Seviyesi :	Mouse İmlecini Formadaki Bir Alana Göndermek (setFocus) 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... ________________

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
function ve kullanıcıya mesaj göndermek	KaRaqiZz	JavaScript	0	16-04-11 03:08
su geçirmeyen mouse	NFCİNİ	Genel Konular	0	12-01-09 18:40
Microsoft Arc Mouse	NFCİNİ	Genel Konular	0	28-12-08 23:40
Mouse 40 Yaşında	BlackDark	Bilim ve Teknik	0	10-12-08 21:07
WAP Upload wap servisi üzerinden cep telefonuna dosya aktarmak göndermek	LideR	Diğer Modeller	0	01-02-08 17:46

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Etiketlenen Kullanıcılar
Input each user name separated by a comma, like so: User1,User2,User3.