เป็นโค้ด javascript ที่ใช้ในการช่วยจำกัดจำนวนตัวอักษรที่จะกรอกใน textbox กล่าวคือถ้าหากกรอกข้อความใน textbox มากกว่าที่กำหนดไว้ก็จะเปลี่ยนสี background ใน textbox เพื่อเป็นการเตือน และถ้ายังกรอกเกินอีกก็จะไม่สามารถกรอกเพิ่มเติมได้ เรามาดูตัวอย่างโค้ดกันเลยครับ
ตัวอย่าง code หน้าหลัก
<html>
<head>
<title></title>
<script type="text/javascript" src="Bs_Misc.lib.js"></script>
<script type="text/javascript" src="Bs_LimitedTextarea.class.js"></script>
<script type="text/javascript" src="Bs_ColorUtil.lib.js"></script>
<script>
function init() {
myLimitedFoo = new Bs_LimitedTextarea('foo', 50);
myLimitedFoo.setBgColorWarning();
myLimitedFoo.draw();
myLimitedBar = new Bs_LimitedTextarea('bar', 100);
myLimitedBar.setBgColorWarning(60, 'char', 'FFC0C0');
myLimitedBar.draw();
}
</script>
</head>
<body onLoad="init();">
<table border="0" cellspacing="0" cellpadding="10" width="580">
<tr>
<td valign="top">
<b>Field 1</b><br>
When 80% of the 50 chars are used, the background color starts to transform into red.<br><br>
<textarea name="foo" id="foo" cols="25" rows="4"></textarea>
</td>
<td valign="top">
<b>Field 2</b><br>
When 60 chars are used, the background color starts to transform into red.<br><br>
<textarea name="bar" id="bar" cols="25" rows="4" style="background-color:#C0FFFF;">this is a default value. this is a default value.</textarea>
</td>
</tr>
</table>
</body>
</html>
ส่วนอันนี้เป็นไฟล์ประกอบน่ะครับ download
โค้ดอาจจะเยอะหน่อยน่ะครับ ลองนำไปประยุกต์ดูครับ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น