Zvacsenie textarea

sedlák · Napísal **sedlák**: 07.06.2009 13:39

Pekne popoludnie

Mam na stranke textareu o velkosti 3 riadkov, do ktorej pisu uzivatelia komentare. Casto sa vsak stava ze koment je dost dlhy a v takej malej textarea je to neprehlade

Na js som dost lama (uplna) a preto by ma zaujimalo ako urobit, ze po kliknuti napr na zvacsit sa textarea zvacsi o dalsich napr 5 riadkov s tym, aby napisany text nezmizol...

Chcem sa vyhnut tomu aby textarea bola taka velka vzdy...

Ďuri · Napísal **Ďuri**: 07.06.2009 13:50

Kód:

<script>
function zvacsi()   {
   txa = document.getElementsByTagName('textarea')[0];
   txa.rows = parseInt(txa.rows) + 5; //5 je pocet riadkov
}
</script>
<textarea cols=60 rows=5></textarea>
<a href="javascript:zvacsi()">ZVACSI</a>

sedlák · Napísal autor témy **sedlák**: 07.06.2009 14:03

dik duri, ako vzdy, funguje vyborne

stenley · Napísal **stenley**: 07.06.2009 14:24

pre pouzivatelov by bolo mozno pohodlnejsie, keby sa textarea natahovala automaticky podla mnozstva textu v nej, ako keby mali stale klikat na tlacitko

sedlák · Napísal autor témy **sedlák**: 07.06.2009 14:29

tak to hej...

nehodis kod? :-D

Ďuri · Napísal **Ďuri**: 07.06.2009 14:48

Kód:

<script>
function checksize(txa)
{
   var r = txa.rows;
   var c = txa.cols;
   var v = txa.value;
   var mr = 20; //maximalny pocet riadkov
   var mc = 60; //maximalny pocet stlpcov
   var l = v.split('\n');
   r = l.length > r ? l.length : r;
   for (var i in l)
   {
      c = l[i].length > c ? l[i].length : c;
   }
   txa.rows = r<mr ? r : mr;
   txa.cols = c<mc ? c : mc;
}
</script>
<textarea cols=30 rows=5 onkeyup="checksize(this)"></textarea>

Malo by to zvacsovat textareu do sirky aj do vysky, az dovtedy, kym hodnota atributu rows, resp. cols nedosiahne hodnotu atributu mr, resp. mc. Pravdepodobne bude nutne nastavit v textarei cols aj rows.

sedlák · Napísal autor témy **sedlák**: 07.06.2009 15:28

vrela vdaka

edit: len to ma este chybičku krasy, roztahuje sa len ked uzivatel stlačí enter, ked pise text bez entrov tak nic, textarea ostava taka aka je na zaciatku...

Ďuri · Napísal **Ďuri**: 07.06.2009 15:31

Hm, aky mas prehliadac? Mne vo Firefoxe funguje aj roztahovanie do sirky.
Inak do pozornosti davam CSS vlastnost resize. Podporuje zatial iba webkit.

sedlák · Napísal autor témy **sedlák**: 07.06.2009 20:27

roztahovaniu do sirky by som sa chcel vyhnut, potreboval by som len roztahovanie dole...

Ďuri · Napísal **Ďuri**: 07.06.2009 20:44

Kód:

function checksize(txa)
{
   var r = txa.rows;
   var v = txa.value;
   var mr = 20; //maximalny pocet riadkov
   var l = v.split('\n');
   r = l.length > r ? l.length : r;
   txa.rows = r<mr ? r : mr;
}

Zvacsenie textarea

Podobné témy