Textarea uzatıp kısaltmakla alakalı bir kodu uzun uğraşlar sonucu bulup düzenledim sade bir hale getirdim. Forumlarda gördüğünüz uzalt kısalt hadisesinin basite indirgenmiş hali şu şekilde
<script type="text/javascript">function boyut(kb) {
tt = document.getElementById("yazialan");
if (kb < 0)
{ var satir = -5; }
else
{ var satir = 5; }
if (typeof tt.eskisatir == 'undefined')
{ tt.eskisatir = tt.rows; }
var yenisatir = tt.rows + satir;
if (yenisatir >= tt.eskisatir)
{ tt.rows = yenisatir; }
return false; }
</script>
Yukarıdaki javascript kodumuzun görevi textarea mızı satır bazında 5 arttırmak veya 5 azaltmak. Resim olarak veya buton olarak kullanılabilir.
Resim olarak kullanımı;
<img src="icons/boyut1.gif" onClick="boyut('-1')" alt="Alani Küçült"> <img src="icons/boyut2.gif" onClick="boyut('1')" alt="Alani Büyült">
Buton olarak kullanımı;
<input type="button" value="Küçült" onClick="boyut('-1')"> <input type="button" value="Büyült" onClick="boyut('1')">
Textarea mız farketmez o da şöyle;
<textarea rows="10" id="yazialan"></textarea>
Demo: Textarea boyut