Öne Çıkan Yayın

Uzak Masaüstü Bağlantısı ve Modem Port Ayarı

İyi günler bu konumuzda uzak masaüstü bağlantısı ve modem port ayarını anlatacağım. Normalde uzak masaüstü bağlantısı ayarını açtığımızda ye...

2 Eylül 2012 Pazar

Jquery .focus() özelliği

       jQuery focus odaklanılan nesneleri, kontrol etmemize yarayan bir fonksiyondur. focus bir nesneye odaklanıldığında aktif olur. Örneğin input içine tıkladığınız anda, focus aktif olur. Kullanım şekli aşağıdaki gibidir. id değeri tstint olan bir inputa nasıl uygulayacağımıza bir bakalım.

<input id="tstint" type="text" />
<label id="tstintblg"></label>
$("#tstbtn").focus(); 
tstint input una focus fonksiyonumuzu atamış olduk. Bu atamadan sonra yapmak istediğimiz işlemleri focus içinde bir function oluşturarak düzenliyoruz.
$("#tstint").focus(function(){
 // yapmak istediklerimizi bu kısımda düzenliyoruz.
});
Dilerseniz küçük bir örnek yapalım. Sayfamızda inputa odaklanıldığında label ile bilgi verelim.
$("#tstint").focus(function(){
 // eğer inputa odaklanılmış ise label ile bilgi veriyoruz.
 $("#tstintblg").html('odaklanıldı.');
});
HTML görünüm
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>jQuery - focus()</title>
// Jquery kütüphanemizi çağırıyoruz.
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
         $("#tstint").focus(function(){
            // eğer inputa odaklanılmış ise label ile bilgi veriyoruz.
            $("#tstintblg").html('odaklanıldı.');
            });
  });
    </script>
</head>
<body>
<input id="tstint" type="text" /> <label id="tstintblg"></label>
</body>
</html>

Örnek :