uxrocket.clear
Version:
jQuery based clear input/textarea action handler
41 lines (32 loc) • 2.63 kB
Markdown
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.
```HTML
<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
Property | Default | Açıklama
-------------------- | ---------------- | --------
cssClass | .icon-cross | Silme butonu için kullanılacak ikon simgesini belirler
clearAlso | null | Etkileş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-class | Silme butonu için kullanılacak ikon simgesini belirler
clear-also | Etkileş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 |
-------------------- | -----
onReady | Clear, form elemanına bağlandığında çalışacak fonksiyonu çağırır.
onClear | Alan silindiğinde çalışacak fonksiyonu çağırır
onUpdate | Clear pluginine ait instance güncellendikten sonra çalışacak fonksiyonu çağırır.
onRemove | Clear pluginine ait instance kaldırıldıktan sonra çalışacak fonksiyonu çağırır.
### Public Metodlar
Method | Açıklama
-------------------------- | -------------------------------------------------------
$(selector).clear(options) | Bu method plugini manuel olarak bir elemana bağlamanızı sağlar.
$.uxclear | Bu 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.version | Sayfaya eklenmiş pluginin versiyon numarasını gösterir.