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

Okunma: 284 , Oy Sayısı: 12 , Puan: 8.25

Etiketler

textarea yazdikca uzasin , yazdikca acilan textarea , textarea uzasin ,

Recep Yüksel25 Ocak 2010 Pazartesi 18: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 19: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 22:45:42


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


Mutlu Caos27 Ocak 2010 Çarşamba 03: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 YILMAZ27 Ocak 2010 Çarşamba 05: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 11: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 17: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