Yeni Başlayanlar İçin jQuery – Bölüm 2

jQuery’de Olaylar

Önceki bölümde de belirttiğim gibi, javascript olay temelinde çalışır. Bir işlemin yapılası için bir olay gerçekleşmeli. jQuery’de tanımlı olaylardan bazıları;

  • click(): Bir elemana tıklanma olayı
  • mouseOver(): Fare üstüne gelme olayı
  • moseOut(): Fare üstünden ayrılma olayı
  • toggle(): 2 tık. Fare bir tıklayınca 1., ikinci tıklayışında da 2. fonksiyonu çalıştırır.
  • change(): Bir “select box” nesnesindeki, seçili elemanın değişmesi
  • trigger(): Tetikçi. Bir olay çalıştığında başka bir olayı tetikler. […]

Yeni Başlayanlar İçin jQuery – Bölüm 1

jQuery Ne Ki?

jQuery bir javascript çatısıtır. Yani yazdığınız her şey javascript’ten ibarettir. Bildiğiniz üzere javascript yazımı oldukça karışık. Bu karışıklık ta geliştiricileri javascript’ten uzaklaştırıyordu taki; jQuery,Mootools,Script.aculo.us,Ext js gibi çatılar çoğalana kadar. Bu çatılar sayesinde, javascript yeniden ayağa kalktı ve yaygınlığını artırdı. jQuery’de yukarıda bahsettiğim çatılar arasında en yaygın olanıdır. Yazımı en basit olanı,geliştirilmesi en kolay olanı… […]

FCK Editör Konfigürasyonu

Merhaba Arkadaşlar,

Bu Yazı Serpito.com daki ilk yazım.Umarım faydalı olur.Sizlere bu yazımda FCK Editörünün konfigürasyonundan bahsedeceğim.

FCK Editörünü kullanan arkadaşlar bilirler FCK editöründe seçebileceğimiz iki tane toolbar vardır.Birtanesi varsayılan ‘Default’ toolbar’ı diğeri ise bir çok araç çubuğunun çıkarıldığı daha basit olan ‘Basic’ tolbar’ı .Peki bu iki toolbarset’in dışında kendi istediğimiz araç çubuklarının olduğu bir toolbar’ı nasıl set ederiz. […]

Slider Form

Jquery Fancy Sliding Form (Jquery Form)

Slider Form
Jquey web geliştiriciler için oldukca kullanışlı bir kütüphane. Jquery bazen hayal gücü sınırlarımız zorlamamıza neden olmakta. Sistemlerimizde kullana bileceğimiz insan kaynakları, iletişim, sipariş vb. formları bugunkü örnegimizle dahada geliştire bilir ve hızlı çözümler sunabiliriz.

Örneğimiz 5 sekmeli bir jquery form niteliğinde.  Her sekmede alanların doldurmamız gerekmekte doldurmadığımız takdirde en son bölümde gönder dediğimizde java script uyarısı karşımıza geliyor ve boş geçmiş olduğumuz alanlar açık pembe ile belirgin hale geliyor.

Boş geçilen alanlar tab içerisinde oldugunda fark edilmesi güç bunu önlemek içinde tabların üzerine bir sonraki taba geçildiginde ikon beliriyor ve bu ikona göre nerede hata yapmış olduğumuzu görebiliyoruz.

[…]

Jquery: Screenshot Preview (Url bağlantısında site görünümü gösterme)

Sistemlerimizde yer alan linkler linklerin açıklamalarını yazı şeklinde yapabildiğimiz gibi Screenshot (Ekran Resmi) şeklindede yapabiliriz. Bu sayede kullanıcıların daha iyi bilgilendirilmesini sağlayabiliriz.Örneğimizde jquery ile screenshot önizlemesi yapıyoruz.

[…]

Link İle Form Submit

Web sitelerimizde yer alan formları submit ederken butonlar yerine sitemizde yer alan daha önce css leri hazırlanmış olan linkler yer alabilir. Hazır linklerimiz dururken css leri ile hazırlanmış olarak birdaha yeniden botunların css lerini ayarlamakla ugraşmak istemiyebiliriz. Bu örneğimizde linklere submit özelliği vermeyi ögreneceğiz. […]

Jquery “Validation Engine” eklentisi ile form doğrulama

Çok form doğrulama aracı kullanmama rağmen, bi’türlü aradığım aracı bulamamıştım. Bu jquery eklentisi; bu arayışa son verdi. Eklenti’nin öne çıkan özellikleri;

  1. Hata ve uyarı görüntüleme yöntemi çok şık. Çoğru zaman dar form alanlarına uyarı eklendiğinde formun görüntüsü bozuluyordu. Bu eklenti uyarı ve hataların görüntülenmesinde  “position:absolute” değeri kullandığı için. Bir hata verdiğinde formun hiçbir yerinde kayma veya bozulma olmuyor.
  2. İlgili form elemanının doğrulama seçeneklerini elemanın “class” özelliğine ekliyorsunuz. Bi’kaç eklentide olduğu gibi tüm doğrulama kodlarını ayrı bir yerde toplamak pek kullanışlı olmuyor.
  3. Jquery eklentisi.

Bir de kötü yanı var o da doğrulamak istediğiniz form elemanına “id” değeri verme zorunluluğu.

Örnek Uygulama | Örnek Uygulamayı İndir

Nasıl kullanılır?

[…]