Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > Client Script Forum > ช่วยทีครับเรื่อง textarea auto size/rows เวลาพิมพ์ข้อความยาวแล้วขึนบรรทัดใหม่แล้วให้ textarea ยืดตามจนถึงขนาดที่เรากำหนด?

ช่วยทีครับเรื่อง textarea auto size/rows เวลาพิมพ์ข้อความยาวแล้วขึนบรรทัดใหม่แล้วให้ textarea ยืดตามจนถึงขนาดที่เรากำหนด?

เริ่มหัวข้อใหม่

dargo

โพสกระทู้ ( 19 )
บทความ ( 0 )

รบกวนช่วยที่ครับก็คือ textarea เวลาพิมพ์ข้อความยาวแล้วขึนบรรทัดใหม่ก็ให้ textarea ยืดตามจนถึงขนาดที่เรากำหนด?
พอถึงขนาดที่เรากำหนดก็จะ เป็น scrollbar เลื่อนขึ้นลงตาปกติครับ
แต่ความกว้าง fix ไว้เท่าเดิมครับ
พอจะเขียนเป็น javascript หรือ css ได้ยังไงบ้างครับ

แล้วก็ก่อนที่เราจะ focus ไปที่ textarea จะมีข้อความเริ่มต้นนะครับ จะวาไปก็เหมือน textarea แบบ facebook ตรงช่องข้างบนนะครับ

อีกข้อนะครับ ทำไม textarea ใน google crome browser มันจับเอาเมาส์ไปยืด แต่ผมไม่อยากให้มันยืดควรทำไงดีครับ

**ปล. ถ้าบอกวิธีนำมาใช้ด้วยก็ดีนะครับ พอดีมือใหม่อะครับ ^^

Tag : HTML/CSS, JavaScript, Ajax, CakePHP

Date : 2010-10-10 16:26:00

By : dargoro

View : 5919

Reply : 1

No. 1

Guest

Code (JavaScript)

<HTML> 
<script language=JavaScript> 

function ResizeTextArea(txtBox) 
{ 
nCols = txtBox.cols; 
sVal = txtBox.value; 
nVal = sVal.length; 
nRowCnt = 1; 

for (i=0;i<nVal;i++) 
{ if (sVal.charAt(i).charCodeAt(0) == 13) { nRowCnt +=1; } } 

if (nRowCnt < (nVal / nCols)) { nRowCnt = 1 + (nVal / nCols); } 
txtBox.rows = nRowCnt; 
} 

</script> 

<BODY> 
<form name=frmSubmit method=post > 
<table border=0 cellspacing=1 cellpadding=1 width='70%' align=center> 
<tr><td align=left><textarea name=txtTest cols=50 rows=1 style='overflow:hidden'> </textarea></td></tr> 
<tr><td align=left><a href=# onclick="ResizeTextArea(document.frmSubmit.txtTest);" >Resize</a></td></tr> 
</table></form></BODY></HTML>

Date : 2010-10-13 08:37:54