Thursday, December 31, 2009

Bir google chrome uyuzlugu daha

Alet uyuz mu uyuz yaa, sinir etti beni. Hanim hadi kalk hazirlan diyor bende bunlarla ugrasiyorum.

Alet X = x +1 ;'i desteklemiyor. Illaki x = ++ x ; ve ya x = x ++; yapmak lazim.

Ama x =x -1; dersen sorun yok.

Al burdan yak.

Tablo'da Firefox ve Chrome kullanirken keydown eventinin calismamasi

Gayet sinir bozucu bir problem, IE'de calisan ama digerlerinde calismayan eventler.

Ustelik chrome gayet guzel politikalar ile bir kac sene icinde belki pazarin onemli bir kismina erisebilecek, gormezden gelemeyiz yani.

Neyse uzun ugraslar sonunda problemin cozumunu buldum. Firefox ve chrome tablo ve ic elemanlarinin klavye ile secilebilir olmadigini varsayiyor ve bu sebeple key eventleri calistirmaya gerek gormuyor.

Chrome'un neden daha hizli bir javascript motoruna sahip oldugu anlasildi. Bizim adimiza kararlar veriyor arkadas.

Herneyse, bu varsayimin yanlis oldugunu kendilerine anlatmak icin tabloyu tabindex="0" ile yaziyoruz.

Soyleki
Bundan sonra tabloya atadiginiz key eventleri calisiyor.

Bunu eventi atamadan once script ile yapmak daha mantikli gerci.

All In One Masked Edit Plugini

All in one bir plug in aradim ama bulamiyorum. Mecbur kendim yazacagim.

Istedigim sey soyle;
Gerektiginde numeric alanlara sadece number girilmesine izin verecek ama maske olmayacak,
ondalik ayiriciyi istedigim gibi degistirebileceğim, yani nokta ve ya virgül yapabileceğim.

Türkce cince vs karakterleri istersem engelleyebileyim.<> falan girilmesin.

Yüzdelik giriş yapabileceğim.

Tarihlerde istedigim formatta mask koyacagim.

Negatif degerleri destekleyecek, hatta istersem negatif degerleri farkli bir renkte gosterebileyim, ornegin kirmizi.

Virgülden sonraki hassasiyeti belirleyebileyim.

iste boyle bir plugin lazim.

Validasyon da eklenebilir ama cok da sisirmemek lazim degil mi?

Input Box'lari Kısıtlamak

İşte aradığım şeyleri buldum,

Bir önceki mesajımızda maske scriptlerinden bahsetmiştik. Şimdi ise girişleri daha esnek kısıtlayabileceğimiz script örneklerini vereceğim;


1 - TexoTela:: jQuery - numeric

Benim en begendiğim bu, ama biraz revizyon yapmak gerekecek, zira Turkce karakterlerin girisini engellemek istedigim alanlarda var. Bu scripti bu is icin de kullanilabilir hale getirmek istiyorum. Script yazimi oldukca sistematik bu sebeple revizyon zor olmayacak. Bir de negatif degerleri desteklemiyor, bunu da duzeltmek lazim.


Negatif degerleri destekleyen bir ornek, aslinda baktim da, bu da fena degil ha.


Eh iste,


Fena degil gibi.


Bu da basarili, bunda alphanumeric karakterin yazilip yazilmayacagini da belirleyebiliyorsunuz. Diğerlerine göre daha esnekliği yüksek. Evet bunu begendim.


Masked Input Ornekleri ( JavaScript)

Sizlere bir kac guzel masked input script ornegi verecegim.



1 - digitalBush � Masked Input Plugin

Bu en populer olanlardan biri, pek çok özelliği var. Kendi maskelerinizi de yapabiliyorsunuz, ama çok esnek değil. Buna karşın kullanımı kolay. Jquery altyapısını kullanıyor.


Biraz daha zor, esnekligi dusuk bir script


Esnekliği yüksek ama kullanımı göreceli olarak daha zor bir script. Date maskinda biraz hata var gibi, ama duzeltilemeyecek bir sey degil.


Adresini verdigim Jquery icin yazilmis, ama mootools icin olani da var. Esnek ve revizyona musait yapisi ile bence Digitalbush'tan daha iyi.