Berker Peksağ. Lab.
jGrow
jGrow nedir?
jGrow, textarea elementinin yüksekliğini otomatik olarak arttıran jQuery plug-in'idir.
jQuery 1.2.x ve 1.3.x sürümleri ile sorunsuz çalışmaktadır.
IE 6+, Firefox 2+, Opera 9.x+ (10.00 beta dahil), Safari 3.x+ (4 Public Beta dahil), Google Chrome 2.x (Developer sürümü dahil) tarayıcılarında denenmiş ve herhangi bir hataya rastlanmamıştır.
jQuery proje sayfası: http://plugins.jquery.com/project/jGrow
GitHub: http://github.com/berkerpeksag/jGrow
jGrow 0.3.2 - Sürüm notları
- Internet Explorer 6 ve 7 sürümlerindeki bir çok hata düzeltildi.
jGrow'u indirin
jquery.jgrow-0.4.js (Developer, 2010-01-31)
jquery.jgrow-0.4.min.js (Min, 1.4 kb, 2010-01-31)
Hata buldaysanız ya da önerileriniz varsa...
jGrow'da bir hata mı buldunuz? Ya da "şu da olsa!" dediğiniz bir fikriniz mi var? Lütfen benimle paylaşın.
Kurulum
jGrow'u sadece iki adımda kullanmaya başlayabilirsiniz.
1. adım: jQuery kütüphanesinin son sürümü sayfaya ekleyin.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
2. adım: jGrow'u sayfanıza ekleyin.
<script src="jquery.jgrow-0.3.min.js" type="text/javascript"></script>
Kullanım
$("textarea#adres").jGrow();
<textarea name="frmAdres" id="adres" cols="40" rows="4"></textarea>
Ve jGrow kullanıma hazır!
Örnekler
jGrow, varsayılan olarak her textarea elementinin yüksekliğini, girilen yazının uzunluğuna göre değiştirir. Eğer isterseniz, maksimum yükseklik belirleyerek, bu yükseklikten sonrasında textarea'nın yeniden boyutlandırılmasını engelleyebilirsiniz.
$("textarea#metin").jGrow({
max_height: "300px"
});
Yorumlar
Yorumunuzu ekleyin
Yenilikler
(09.12.2009) Internet Explorer 6 ve 7 sürümlerindeki bir çok hata düzeltildi.
(17.06.2009) jGrow 0.3 yayınlandı.
(07.02.2008) Bug tracker -nihayet- aktif.
(27.01.2008) jGrow 0.1 versiyonu yayınlandı.
İletişim
Soru ve görüşleriniz için berker.peksag_gmail_com e-posta adresini, çalışmalarla ilgili hata bildirimleri için hata bildirme formunu kullanabilirsiniz.