Formunuz siz yazdıkça uzasın

Bazen yaz yazdığınız textareanın daha uzun olmasına ihtiyaç duyarsınız. Her ne kadar farklı çözümler olsa da, "jquery elastic eklentisi" de ziyaretçilerinizin hoşuna gideceğini düşündüğüm bir eklenti.


Başlıkta da belirttiğim gibi, alt satıra geçtikçe textarea'yı uzatan bu eklentiyi BURADAN indirebilirsiniz. Çalıştırmak ise çok kolay :)

JAVASCRIPT kodu
  1. $('textarea[name=yorum]').elastic();

bu veya buna benzer {element}.elastic(); formunu uyguladığınızda bahsettiğimiz şeyi gerçekleştirmiş olacaksınız. Kod örneğini http://www.cnylmz.net/ornekler/uzayan_form/ linkinden görebilirsiniz

Formunuz siz yazdıkça uzasın Oy Sayısı: 14 Puan: 8.00/ 10.00

Etiketler

textarea yazdikca uzasin , elastic textarea ,

Recep Yüksel25 Ocak 2010 Pazartesi 09:16:40


Çok güzel bir uygulama gerçekten..Friendfeed gibi ama..daha onun gibi olsa sanki daha bi güzel olurdu.Yani tek satır olsa ihtiyaç halinde alt satır açılsa..şuan min. 3 satır var yada bunu kendimize göre değiştirebileydik iyiydi :) teşekkürler


Gündüz Can YILMAZ25 Ocak 2010 Pazartesi 10:23:48


Aslında bu dediğiniz mümkün. Örnek sayfasını yenilerseniz olduğunu göreceksiniz.css dosyasında padding ve marginler 5px idi. onu 0 yaptım ve son olarak da .js içinden bir satır fazladan eklememsi için var c=$twin.height()+lineHeight; olan kısmı var c=$twin.height(); olarak değiştirdim :) şu an tek satır var.Enter a basılırsa alt satırlara geçiyor


Recep Yüksel25 Ocak 2010 Pazartesi 13:45:42


Gördüm şimdi çok teşekkür ederim hocam..tam olarak böyle işte :) teşekkürler tekrar


Mutlu Caos26 Ocak 2010 Salı 18:47:56


Bu tarz şeyleri, nedendir bilmiyorum ama kendim ajax ile yapınca daha bir mutluluk duyuyorum. Yani bunu uğraşarak ajax ile kodlamak ayrı bir haz veriyor bana. Kendimce birşeyler karalıyorum öyle.


Gündüz Can YILMAZ26 Ocak 2010 Salı 20:54:10


Aslında nedeni basit, hakim olmanız :)
Ben beceremiyrum javascripti. hatta öyle ki getElementById ben yazınca çalışmıyor. Her seferinde google a yazıyorum çıkanı kopyalıyorum. O derece beceriksizim bu konuda ama JQuery ile yeniden doğdum gibi. Biraz o biraz ben derken aklımdaki herşeyi yapabiliyorum :)


Mutlu Caos28 Ocak 2010 Perşembe 02:03:58


Kendi yaptığım çok hoş ufak tarzda çalışmalarım var, dilerseniz paylaşabilirim. Tabi nasıl paylaşılır ona siz karar verirsiniz. Nasıl anlatsam, örneğin ajax login, önizleme yi aynı sayfada ajax loading ile yapma, hızlı mesaj gönderme tarzında şeyleri yapabiliyorum. Ama efekt olayına gelince, hatta hiç gelemeyince zorlanıyorum :)


Gündüz Can YILMAZ28 Ocak 2010 Perşembe 08:36:54


Aslında o tarz şeyler mecburen biz de yapıyorduk ama JQuery sanki javascript bile değilmiş gibi. Mesela o ajax postu $.post yazıp anında halledebiliyoruz. slideIn ile de güzelce efektini yapıp bırakıyoruz :)




Yorumunuz