« Pir Alpha Sürümü
C++ ve SQLite »

JQuery İle Yönlenme ve Buton Etkisizleştirme

Form yüklendiği zaman başlık ya da içerik ekleme kısmına jquery ile imleci yönlendirebilirsiniz. Ekleme ve düzenleme gibi işlemlerde kolaylık oluyor. İmlecin yönlenmesini aşağıdaki kodlarla sağlayabilirsiniz:

 
$(document).ready(function(){
    // Eğer varsa icerik isimli giriş kutusuna imleç yönlenir.
    $('input[@name=icerik]').focus();
    // Eğer varsa baslik isimli giris kutusuna imleç yönlenir.
    $('input[@name=baslik]').focus();
});
 

Bir formdaki veriler gönderilirken bazen yanlışlıkla kullanıcılar iki ya da daha fazla tıklayabiliyorlar butona. Buda kayıt eklemede sorun olabilir eğer arka planda bazı düzenlemeler yapılmamışsa. Bunu jquery ile önlemek içinde aşağıdaki kodları kullanabilirsiniz:

 
$(document).ready(function(){
    $(':submit').click(function(){
        $(this).attr("disabled","disabled");
    });
});
 

"Peki jquery olmadan bunları nasıl yapabilirim?" diye sorarsanız aşağıdaki kodları kullanabilirsiniz.

 
    // İmlecin yönlenmesi için
    document.getElementsByName("baslik")[0].focus();
    // Butonların etkisizleştirilmesi için
    function butonEtkisizlestir(buton){
        buton.disabled = true;
    }
 
 
<input type="submit" value="Ekle" onclick="butonEtkisizlestir(this);" />
 

Tags: ,

This entry was posted on Monday, April 21st, 2008 at 6:05 pm and is filed under Genel. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response to “JQuery İle Yönlenme ve Buton Etkisizleştirme”

  1. Ömer Ücel Says:
    April 26th, 2008 at 6:41 pm

    Buton etkisizleştirmeyi kullanırken eğer buton value değerini formu gönderdikten sonra işlemlerinizde kullanacaksanız aşağıdaki gibi bir işlemi yapmanız gerekiyor. Yoksa buton etkisizleştirildiği için post ya da get(denemedim get ile) ile veriler alındığında buton value değerine ulaşılamıyor.

    $(':submit').click(function(){
    $(this).before('<input type="hidden" name="islem" value="'+$(this).attr("value")+'" />');
    $(this).attr("disabled","disabled");
});

    Ben name=”islem” ile bazı verileri aldığım için burada o şekilde tanımladım. Bu sizin projenize göre değişebilir.

Leave a Reply