jQuery ile İletişim Formunuza Esneklik Katın
Bu tür ipucu yazıları serisine bir haylı sardım bu aralar. Hem kendim öğreniyorum hem de doğru düzgün içerik girmiş oluyorum bloga. Neyse, bu yazıda ufak bir jQuery betiği ile iletişim formlarınıza oldukça güzel görünüm katacak bir kaydırma efektinden bahsedeceğim.
Öncelikle, sırasıyla jQuery, HTML ve CSS kodlarını vereceğim.
Kaynak: CSSKarma
NOT: Yazı FriendFeed’e düştükten sonra, Eren Emre Kanal’ın uyarısına göre, bu efekt “textbox” dışındaki form elementlerinde sorunluymuş. Yani efekti kullanırken form elementini textbox olarak kullanın. (Textbox)
07 Mart 2010 02:21
Çok güzel olmuş eline sağlık. Fakat text modu multi line olunca çalışmıyor.
07 Mart 2010 07:14
@yavuz; Yazının sonunda da belirttiğim gibi bu efekt “textbox” dışındaki form elementlerinde sorunluymuş. Bilseydim yazıyı yazmazdım aslında. Denemeden yayınladım. Sonra da Eren Emre’nin uyarısını dikkate alarak not ekledim yazıya. (:
18 Nisan 2010 15:48
İyi güzel de buna bir de mesaj alanı eklesen bizi uğraştırmasan. (:
18 Nisan 2010 23:52
@Sinan, diğer form elementlerini kopyala-yapıştır yap, sonra css kısmından boyutlarını istediğin gibi ayarlar işte. Fazla zor bir şey değil. Ama uyarıda da dediğim gibi textbox dışındaki form elementlerinde çalışmıyor. Lakin şu günde textbox ile iletişim formu falan kalmadı. PHP daha fonksiyonel oluyor.