Web Sayfasında Odaklanma (focus)

Webmaster                    Yorum Ekle

Başlıktan tam olarak neden bahsettiğimi anlamamış olabilirsiniz. Bu duruma google’ın anasayfasına girince imlecin arama kutusuna otomatik olarak yerleşmesini örnek verirsem herhalde anlarsınız. İşte bunu anlatıcam bu yazıda.

Bunu javascript kodlarıyla yapabiliyoruz. Eğer jquery kullanıyorsanız şu kodda “id” yazan yere odaklanmak istediğiniz elemanın idsini yazarsanız amacınıza ulaşabilirsiniz.

?View Code JAVASCRIPT
$("#id").focus();

Eğer odaklanmak istediğiniz şey bir input elemanıysa (ki benim ki öyleydi) ve içerisinde başlangıç olarak bir değer giriliyse (search gibi) o zaman bu kodu kullanabilirsiniz. Normalde chrome tarayıcısı odaklandığınızda otomatik olarak içeriği seçiyor ama firefox bunu yapmıyor o yüzden kullanmanızda fayda var.

?View Code JAVASCRIPT
$("#id").focus().select();

Jquery kullanmıyorsanız normal javascript kodlarıyla da yapabilirsiniz. Aşağıdaki kodlarda “myid” kısmını kendinize göre değiştirmeniz yeterli…

?View Code JAVASCRIPT
document.getElementById('myid').focus()

Son olarak yeni sitem dicten.com ‘un anasayfası için bunu öneren ve yardım eden baha‘ya teşekkürler. Kolay gelsin…

Yazı Sayacı

Bugün: 0            Kere Okundu
Toplam: 
11         

 

Etiketler:



Benzer Yazılar

        

Yorum Yaz

Bu Tema N.Design Studio Tarafindan Yapilmis
KaraSancak Tarafindan Turkcelestirilmis ve Duzenlenmistir
Entries RSS Comments RSS Giriş