Tag Archives: jQuery

Programa Dilleri ve Çatıları

Bir Cool’unu Çok Sevdim

jQuery.coolRedirectBir Cool’unu çok sevdim, o beni hiç sevmiyor javascriptleri cachelemiş sayfa bir türlü değişmiyor… diyerekten berbat bir espiriyle konuya giriyorum…

Bu gece can sıkıntısından yazdığım basit bir jQuery eklentisini sizlerle paylaşmak istedim. Eklenti, html linkerini manipüle ederek tarayıcı yönlenme işlevini yerine getirmeden önce fade efekti ile sayfaya oturan bir katman üzerinde loading.. bla.. bla.. yazısı üstünde ziv.. ziv.. dönen bir gif görüntülenmesini sağlar.

Eklenti kodlarına aşağıdaki github reposundan ulaşabilirsiniz:
https://github.com/ibrahimgunduz34/CoolRedirect

Şöyle bir HTML linkimiz olsun.

Click to here for jQuery.

document.ready olayının callback ine aşağıdaki kodu ekleyelim.

$('a').coolRedirect();

Hepsi bu kadar…!

Olurda canınız varsayılan yükleniyor mesajını değiştirmek isterse :

$('a').coolRedirect({loadingText: 'Yükleniyor. Lütfen bekleyiniz...'});
Programa Dilleri ve Çatıları

Html Formları Ajax Form’a Dönüştürmek

Evde kod yazmayı özlemişim. Arada işi gücü bırakıp birşeyler yazmak keyif verici.
***
AjaxForm, dilediğiniz html form objesinin basitce ajax form olarak çalışmasını sağlar.
Kütüphaneyi aşağıdaki github reposundan temin edebilirsiniz :
https://github.com/ibrahimgunduz34/ajaxForm

Örnek Kullanım :
Sayfamıza bir adet form ve içine birkaç alan ve submit butonu ekliyoruz.

Formumuzu ajax form a dönüştürüyoruz.

$('.ajax-form').ajaxForm();

Olaylar:
Formun submit edilmesi öncesi ve sonrası olaylarını aşağıdaki gibi yakalayabilirsiniz :

$('.ajax-form').ajaxForm({
  beforeSend : function() {
    //formun gonderilmesi oncesinde yapmak 
    // istediklerinizi bu metoda yazin.
  },
  /**
  * form verisinin iletimi sonlandiginda cagirilir.
  * @param string data 
  * @param string status [success|fail]
  */
  afterSend : function(data, status) {
    //form verisi iletildiginde yapilmasini 
    //istediklerinizi bu metoda yazin.
  }
});