作者TonyQ (骨頭)
看板Web_Design
標題Re: [問題] 如何讓textarea自動增加行數
時間Sat Jun 2 04:28:07 2007
※ 引述《websterblue (好想射爆你..)》之銘言：
: 就是不固定行數~~
: 委託人希望一開始是1列就好
: 然後打字打超過一列的話 會自動增加列
: 不想要一次就給寬度5列這樣.....
: 請問如何做呢~~感謝
還蠻有趣的問題，簡單用JS實做了一下。
註：如果不想要 scrollbar 在跳， 把行數再多加1就好，或者把scrollbar禁掉。
http://tony1223.no-ip.info/test.htm
<html>
<head>
<title> 長度自動伸縮demo </title>
<script>
function checkrows(node){
var rows = node.value.split("\n").length ;
//不想要scrollbar一直閃 就在這+1 ↑
//alert(node.value+" "+rows);
node.rows=rows;
document.getElementById('sit').innerHTML="rows:"+rows;
//alert(rows);
return true;
}
</script>
</head>
<body>
<textarea rows="2" onkeyup="checkrows(this);" ></textarea>
<div id="sit"></div>
</body>
</html>
--
▄▅▆▇███▇▆▅▄▃ ╰┼╯─╮ ╮
◥███████████◣ ╰┼╯＝│=│
◥██████───────◣ ＊． ╯ ╯ ╯ の 物 語 ．＊
◥███████──────◣ ～ ◢◣ ◢◣
◥██████───────◤ ◥◤＊ 空白的世界．翼
＊◥◤
◥██▁▂▃▄▅▆▇███▆▅▄▃▂▂
～telnet://tony1223.no-ip.info
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.134.27.68
2F：推 ileadu:收下 06/02 11:04
3F：→ abgne:如果一直輸入 沒按enter去換行的話咧.. 06/02 12:41
4F：推 TonyQ:abgne 這個可以判斷長度去做 . 06/02 12:58
5F：推 ileadu:可是javascript可以算 multibyte 的字元嗎？ 06/02 15:31
7F：推 TonyQ:五樓 , 如果硬要玩的話 , String.getBytes();可取得byte長度 06/02 17:58
8F：→ TonyQ:ex. 中文 兩個byte之類的 :P 06/02 17:59