0.9.0 • Published 10 years ago

uxrocket.clear v0.9.0

Weekly downloads
3
License
MIT
Repository
github
Last release
10 years ago

UX Rocket Clear

Metin alanına yapılan girişleri tek seferde silmek için kullanılmaktadır. Metin kutusuna yazmaya başlandığında kutunun sağ tarafında bir çarpı (x) işareti belirir. Çarpıya basıldığında metin kutusunun içeriği silinir.

<input type="text" class="clear-field" placeholder="Birşeyler yazınız" />
<input type="text" class="clear-field" value="Lorem ipsum" placeholder="Birşeyler yazınız" />

Notlar

Clear plugini uygulanmış bütün elemanlar, uxitd-clear-wrap classına sahip bir span ya da label içerisine konulmaktadır. Çıkacak çarpı işaretinin pozisyonu da bu wrapper elemanına göre tanımlanmaktadır.

Tanımlar

PropertyDefaultAçıklama
cssClass.icon-crossSilme butonu için kullanılacak ikon simgesini belirler
clearAlsonullEtkileşimli olarak alan silindiğinde, ek olarak değeri silinecek bağlı başka bir alanı belirler. jQuery seçicisinde kullanmak üzere bir 'selector' tanımlanabilir
Data Attribute 
css-classSilme butonu için kullanılacak ikon simgesini belirler
clear-alsoEtkileşimli olarak alan silindiğinde, ek olarak değeri silinecek bağlı başka bir alanı belirler. jQuery seçicisinde kullanmak üzere bir 'selector' tanımlanabilir
Callback 
onReadyClear, form elemanına bağlandığında çalışacak fonksiyonu çağırır.
onClearAlan silindiğinde çalışacak fonksiyonu çağırır
onUpdateClear pluginine ait instance güncellendikten sonra çalışacak fonksiyonu çağırır.
onRemoveClear pluginine ait instance kaldırıldıktan sonra çalışacak fonksiyonu çağırır.

Public Metodlar

MethodAçıklama
$(selector).clear(options)Bu method plugini manuel olarak bir elemana bağlamanızı sağlar.
$.uxclearBu method pluginin detayını görmenizi sağlar.
$.uxclear.update(el)Sayfa işlemleri sırasında tanımları değiştirilen elemanlarda pluginin özelliklerinin güncellenmesini sağlar.
$.uxclear.remove(el)Sayfa işlemleri sırasında pluginin eleman üzerinde bağlantısının kaldırılıp, elemanın orjinal durumuna dönmesini sağlar.
$.uxclear.versionSayfaya eklenmiş pluginin versiyon numarasını gösterir.