ขั้นตอนต่าง ๆ อ้างอิงจากบทความ http://www.select2web.com/jquery/font-on-web-by-cufon.html
1. ก็อปปี้โค้ดไฟล์ Cufon.yui.js ที่หน้า https://cdnjs.cloudflare.com/ajax/libs/cufon/1.09i/cufon-yui.js
2. แปลงฟ้อนท์ ที่ http://cufon.shoqolate.com/generate/
ในขั้นตอนการนำเอาฟ้อนท์ที่อยากใช้ไปแปลง เพื่อให้แสดงภาษาไทย ให้ทำดังนี้
แสดงบทความที่มีป้ายกำกับ Jquery แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ Jquery แสดงบทความทั้งหมด
16 สิงหาคม 2555
11 กรกฎาคม 2555
Checkbox เลือกแล้วยังคงอยู่ เมื่อเปลี่ยนหน้า
บทความนี้เป็นตัวอย่างง่าย ๆ ในการทำให้ตัว เช็คบ๊อก(Checkbox) ยังคงอยู่เมื่อเราเปลี่ยนหน้าไปหน้าอื่น ซึ่งการทำเช่นนี้ เหมาะสำหรับเมื่อมีข้อมูลเยอะ ๆ แล้วนำมาแบ่งหน้าเพื่อแสดง ในตัวอย่างก็จะทำ Session มาเป็นตัวช่วยในการเก็บค่าให้ยังคงอยู่เมื่อเปลี่ยนหน้า
22 ธันวาคม 2554
Jquery เพิ่ม คอมม่า (,) ให้กับเลข ตามหน่วยต่าง ๆ
หลักจากได้เพิ่มบทความ Javascript เพิ่ม คอมม่า (,) ให้กับเลข ตามหน่วยต่าง ๆ ซึ่งเป็นฟังชั่นก์ ที่มีผู้รู้เขียนไว้เป็นตัวอย่างในเว็บ thaicreate.com ห้อง PHP
แต่บทความนี้จะเป็นการนำ Jquery มาใช้แทน ซึ่งมีรูปแบบในการใช้งาน ง่าย และสะดวก โดยเข้าไปดาวน์โหลด สคริป จากเว็บ http://www.decorplanit.com/plugin/ และในเว็บเขาก็จะมีคำอธิบายเกี่ยวกับการนำไปใช้งาน ซึ่งผมพอเข้าใจเพื่อนำไปใช้งานคร่าว ๆ ดังนี้
แต่บทความนี้จะเป็นการนำ Jquery มาใช้แทน ซึ่งมีรูปแบบในการใช้งาน ง่าย และสะดวก โดยเข้าไปดาวน์โหลด สคริป จากเว็บ http://www.decorplanit.com/plugin/ และในเว็บเขาก็จะมีคำอธิบายเกี่ยวกับการนำไปใช้งาน ซึ่งผมพอเข้าใจเพื่อนำไปใช้งานคร่าว ๆ ดังนี้
20 ธันวาคม 2554
โจทย์ โปรแกรมทอนเงิน ATM นำมาจากกระทู้เว็บ Thaicreate
เป็น โจทย์ข้อสอบสมัครงาน ที่เพิ่มไว้ใน Thaicreate โดยคุณ Black Megic ซึ่งมีเงื่อนไขดังต่อไปนี้
ให้เขียนโปรแกรมตู้ ATM ครับ โดยกำหนดให้มีเงินอยู่ในตู้ 23,000 บาท แบ่งเป็น แบงค์ 1,000 แบงค์ 500 แบงค์ 100 โดยให้เขียนโปรแกรมเพื่อรับจำนวนเงินที่จะถอน จากนั้นโปรแกรมจะแสดงจำนวนแบงค์ที่ออกมา ซึ่งแบงค์ 1,000 จะออกก่อน แล้วก็แบงค์ 500 100 ตามลำดับ
15 สิงหาคม 2554
ตัวอย่าง โค้ด เลือก ภาค จังหวัด อำเภอ ตำบล แบบต่อเนื่องกัน
หลังจากได้ดู โค้ด ตัวอย่างการ เลือก ภาค จังหวัด อำเภอ ตำบล จากหลาย ๆ ที่ ก็เลยมีแนวคิดว่าควรเขียนไว้เพื่อเตือนความจำตัวเอง เผื่ออนาคตหลง ๆ ลืม ๆ มันไปเสีย จะได้ค้นหาง่าย ซักหน่อย
ก่อนอื่นทำการโหลดคลาส mysql2json.class.php จาก
http://snipplr.com/view/18162/ หรือ
http://code.google.com/p/evalactisem/source/browse/trunk/www/library/php/mysql2json.class.php?spec=svn539&r=539
แล้วทำการเขียนไฟล์ ตัวอย่างเพื่อทำการ ดึง ภาค จังหวัด อำเภอ และตำบล
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#ddlGeo').change(function(){
$.ajax({
type: 'POST',
dataType: 'json',
url: "data.php",
data: {geo_id: $(this).val()},
success: function(data){
var opt = '<option value="0">-- เลือกจังหวัด --</option>';
for(var i =0; i<data.length; i++){
opt += '<option value="'+data[i].province_id+'">'+data[i].province_name+'</option>';
}
$('#ddlProvince').html( opt );
}
});
});
$('#ddlProvince').change(function(){
$.ajax({
type: 'POST',
dataType: 'json',
url: "data.php",
data: {province_id: $(this).val()},
success: function(data){
var opt = '<option value="0">--เลือกอำเภอ --</option>';
for(var i =0; i<data.length; i++){
opt += '<option value="'+data[i].amphur_id+'">'+data[i].amphur_name+'</option>';
}
$('#ddlAmphur').html( opt );
}
});
});
$('#ddlAmphur').change(function(){
$.ajax({
type: 'POST',
dataType: 'json',
url: "data.php",
data: {amphur_id: $(this).val()},
success: function(data){
var opt = '<option value="0">--เลือกตำบล --</option>';
for(var i =0; i<data.length; i++){
opt += '<option value="'+data[i].district_id+'">'+data[i].district_name+'</option>';
}
$('#ddldistrict').html( opt );
}
});
});
});
</script>
<title>ตัวอย่างโค้ด เลือก ภาค จังหวัด อำเภอ ตำบล </title>
<?php
$objConnect = mysql_connect("localhost","root","") or die("Error Connect to Database");
$objDB = mysql_select_db("geo");
@mysql_query("SET NAMES UTF8");
?>
</head>
<form name="frmMain" action="test.php" method="post">
ภาค :
<select id="ddlGeo" name="ddlGeo">
<option select value="0">-- เลือกภาค --</option>
<?
$strSQL = "SELECT * FROM geography ORDER BY geo_id ASC ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery))
{
?>
<option value="<?=$objResult["geo_id"];?>"><?=$objResult["geo_name"];?></option>
<?
}
?>
</select>
จังหวัด :
<select id="ddlProvince" name="ddlProvince" style="width:120px">
<option value="0">--เลือกจังหวัด --</option>
</select>
อำเภอ :
<select id="ddlAmphur" name="ddlAmphur" style="width:200px">
<option value="0">--เลือกอำเภอ --</option>
</select>
ตำบล :
<select id="ddldistrict" name="ddldistrict" style="width:200px">
<option value="0">--เลือกตำบล --</option>
</select>
<input type="submit" name="button" id="button" value="Submit" />
</form>
</body>
</html>
<?
mysql_close($objConnect);
?>
ไฟล์ data.php เพื่อดึงข้อมูลออกมาแสดง
<?php
include('mysql2json.class.php'); //+ แทรกไฟล์ mysql2json.class.php เพื่อใช้งานคลาส
$objConnect = mysql_connect("localhost","root","") or die("Error Connect to Database");
$objDB = mysql_select_db("geo");
mysql_query("SET NAMES UTF8");
if($_POST['geo_id'] != ''){
$strSQL = "SELECT province_id, province_name FROM province WHERE geo_id = '".$_POST['geo_id']."' ORDER BY province_id ASC ";
$rs_province = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$num = mysql_affected_rows();
$json = new mysql2json();
echo $json->getJSON($rs_province, $num);
}
if($_POST['province_id'] != ''){
$strSQL = "SELECT amphur_id, amphur_name FROM amphur WHERE province_id = '".$_POST['province_id']."' ORDER BY amphur_id ASC ";
$rs_amphur = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$num = mysql_affected_rows();
$json = new mysql2json();
echo $json->getJSON($rs_amphur, $num);
}
if($_POST['amphur_id'] != ''){
$strSQL = "SELECT district_id, district_name FROM district WHERE amphur_id = '".$_POST['amphur_id']."' ORDER BY district_id ASC ";
$rs_district = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$num = mysql_affected_rows();
$json = new mysql2json();
echo $json->getJSON($rs_district, $num);
}http://www.blogger.com/img/blhttp://www.blogger.com/img/blank.gifank.gif
?>
ฐานข้อมูล จังหวัดทั้งหมด จาก : http://www.thaicreate.com/free-web-script/thailand-province-database.html
และ http://www.thaicreate.com/community/dependant-listmenu-dropdownlist.html
อ่านเพิ่มเติมได้ที่เว็บ select2web.com : http://www.select2web.com/php/chain-select.html
ก่อนอื่นทำการโหลดคลาส mysql2json.class.php จาก
http://snipplr.com/view/18162/ หรือ
http://code.google.com/p/evalactisem/source/browse/trunk/www/library/php/mysql2json.class.php?spec=svn539&r=539
แล้วทำการเขียนไฟล์ ตัวอย่างเพื่อทำการ ดึง ภาค จังหวัด อำเภอ และตำบล
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#ddlGeo').change(function(){
$.ajax({
type: 'POST',
dataType: 'json',
url: "data.php",
data: {geo_id: $(this).val()},
success: function(data){
var opt = '<option value="0">-- เลือกจังหวัด --</option>';
for(var i =0; i<data.length; i++){
opt += '<option value="'+data[i].province_id+'">'+data[i].province_name+'</option>';
}
$('#ddlProvince').html( opt );
}
});
});
$('#ddlProvince').change(function(){
$.ajax({
type: 'POST',
dataType: 'json',
url: "data.php",
data: {province_id: $(this).val()},
success: function(data){
var opt = '<option value="0">--เลือกอำเภอ --</option>';
for(var i =0; i<data.length; i++){
opt += '<option value="'+data[i].amphur_id+'">'+data[i].amphur_name+'</option>';
}
$('#ddlAmphur').html( opt );
}
});
});
$('#ddlAmphur').change(function(){
$.ajax({
type: 'POST',
dataType: 'json',
url: "data.php",
data: {amphur_id: $(this).val()},
success: function(data){
var opt = '<option value="0">--เลือกตำบล --</option>';
for(var i =0; i<data.length; i++){
opt += '<option value="'+data[i].district_id+'">'+data[i].district_name+'</option>';
}
$('#ddldistrict').html( opt );
}
});
});
});
</script>
<title>ตัวอย่างโค้ด เลือก ภาค จังหวัด อำเภอ ตำบล </title>
<?php
$objConnect = mysql_connect("localhost","root","") or die("Error Connect to Database");
$objDB = mysql_select_db("geo");
@mysql_query("SET NAMES UTF8");
?>
</head>
<form name="frmMain" action="test.php" method="post">
ภาค :
<select id="ddlGeo" name="ddlGeo">
<option select value="0">-- เลือกภาค --</option>
<?
$strSQL = "SELECT * FROM geography ORDER BY geo_id ASC ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery))
{
?>
<option value="<?=$objResult["geo_id"];?>"><?=$objResult["geo_name"];?></option>
<?
}
?>
</select>
จังหวัด :
<select id="ddlProvince" name="ddlProvince" style="width:120px">
<option value="0">--เลือกจังหวัด --</option>
</select>
อำเภอ :
<select id="ddlAmphur" name="ddlAmphur" style="width:200px">
<option value="0">--เลือกอำเภอ --</option>
</select>
ตำบล :
<select id="ddldistrict" name="ddldistrict" style="width:200px">
<option value="0">--เลือกตำบล --</option>
</select>
<input type="submit" name="button" id="button" value="Submit" />
</form>
</body>
</html>
<?
mysql_close($objConnect);
?>
ไฟล์ data.php เพื่อดึงข้อมูลออกมาแสดง
<?php
include('mysql2json.class.php'); //+ แทรกไฟล์ mysql2json.class.php เพื่อใช้งานคลาส
$objConnect = mysql_connect("localhost","root","") or die("Error Connect to Database");
$objDB = mysql_select_db("geo");
mysql_query("SET NAMES UTF8");
if($_POST['geo_id'] != ''){
$strSQL = "SELECT province_id, province_name FROM province WHERE geo_id = '".$_POST['geo_id']."' ORDER BY province_id ASC ";
$rs_province = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$num = mysql_affected_rows();
$json = new mysql2json();
echo $json->getJSON($rs_province, $num);
}
if($_POST['province_id'] != ''){
$strSQL = "SELECT amphur_id, amphur_name FROM amphur WHERE province_id = '".$_POST['province_id']."' ORDER BY amphur_id ASC ";
$rs_amphur = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$num = mysql_affected_rows();
$json = new mysql2json();
echo $json->getJSON($rs_amphur, $num);
}
if($_POST['amphur_id'] != ''){
$strSQL = "SELECT district_id, district_name FROM district WHERE amphur_id = '".$_POST['amphur_id']."' ORDER BY district_id ASC ";
$rs_district = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$num = mysql_affected_rows();
$json = new mysql2json();
echo $json->getJSON($rs_district, $num);
}http://www.blogger.com/img/blhttp://www.blogger.com/img/blank.gifank.gif
?>
ฐานข้อมูล จังหวัดทั้งหมด จาก : http://www.thaicreate.com/free-web-script/thailand-province-database.html
และ http://www.thaicreate.com/community/dependant-listmenu-dropdownlist.html
อ่านเพิ่มเติมได้ที่เว็บ select2web.com : http://www.select2web.com/php/chain-select.html
1 สิงหาคม 2554
Javascript Trim ไม่มีให้ ก็หันมาใช้ Jquery Trim มันเสียเลย !
หลังจากได้ทำการค้นหา คำสั่ง Trim ของ Javascript ทาง Google ตั้งนาน สองนาน แล้วไอ้ Javascript ดันไม่ได้มี คำสั่งนี้เตรียมมาให้ใช้กันง่าย ๆ ซึ่งอยากจะใช้ก็ต้องเขียนมาเอง
ผมก็เลยลองหาด้วยคำว่า Jquery Trim โอ๊ะแม่เจ้า Link แรกเลยครับ อุตส่าห์หาตั้งนาน ลองเอาฟังชั่นที่ท่านอื่น ๆ เขียนไว้มาลองตั้งนานสองนาน
สรุปแล้ว Jquery มีเขียนไว้ให้ใช้กัน สั้น ๆ ง่าย ๆ เลยทีเดียวครับ !
คำสั่ง Trim ของ Jquery คือ
jQuery.trim('ข้อความ / ตัวแปรที่ต้องการตัด');
หรือ
$.trim('ข้อความ / ตัวแปรที่ต้องการตัด'); อย่างนี้ก็ได้
คำสั่งง่าย ๆ ที่ผมไม่รู้ครับ !!!
ลิงค์ของ Jquery : http://api.jquery.com/jQuery.trim/
ผมก็เลยลองหาด้วยคำว่า Jquery Trim โอ๊ะแม่เจ้า Link แรกเลยครับ อุตส่าห์หาตั้งนาน ลองเอาฟังชั่นที่ท่านอื่น ๆ เขียนไว้มาลองตั้งนานสองนาน
สรุปแล้ว Jquery มีเขียนไว้ให้ใช้กัน สั้น ๆ ง่าย ๆ เลยทีเดียวครับ !
คำสั่ง Trim ของ Jquery คือ
jQuery.trim('ข้อความ / ตัวแปรที่ต้องการตัด');
หรือ
$.trim('ข้อความ / ตัวแปรที่ต้องการตัด'); อย่างนี้ก็ได้
คำสั่งง่าย ๆ ที่ผมไม่รู้ครับ !!!
ลิงค์ของ Jquery : http://api.jquery.com/jQuery.trim/
21 เมษายน 2554
เลือก Checkbox ทั้งหมดในครั้งเดีียวด้วย Jquery
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script type="text/javascript">
function checked_all( id, nameclass ){
$("input[class^=" + nameclass + "]").attr('checked', $('#' + id).is(':checked'));
}
</script>
</head>
<body>
<p>ALL
<input type="checkbox" name="checked_all" id="checked_all" onClick="checked_all( this.id, 'check_me' )" />
</p>
<p>
<input type="checkbox" name="checkbox" id="checkbox" class="check_me" />
1
</p>
<p>
<input type="checkbox" name="checkbox2" id="checkbox2" class="check_me" />
2
</p>
<p>
<input type="checkbox" name="checkbox3" id="checkbox3" class="check_me" />
3
</p>
<p>
<input type="checkbox" name="checkbox4" id="checkbox4" class="check_me" />
4
</p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script type="text/javascript">
function checked_all( id, nameclass ){
$("input[class^=" + nameclass + "]").attr('checked', $('#' + id).is(':checked'));
}
</script>
</head>
<body>
<p>ALL
<input type="checkbox" name="checked_all" id="checked_all" onClick="checked_all( this.id, 'check_me' )" />
</p>
<p>
<input type="checkbox" name="checkbox" id="checkbox" class="check_me" />
1
</p>
<p>
<input type="checkbox" name="checkbox2" id="checkbox2" class="check_me" />
2
</p>
<p>
<input type="checkbox" name="checkbox3" id="checkbox3" class="check_me" />
3
</p>
<p>
<input type="checkbox" name="checkbox4" id="checkbox4" class="check_me" />
4
</p>
</body>
</html>
20 เมษายน 2554
การส่งค่าโดย Ajax ของ Jquery
--------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#button').click(function(){
$.ajax({
type: 'POST',
url: "test.php",
data: {name: $('#name').val()},
success: function(data){
$('#result').html( data );
}
});
})
});
</script>
</head>
<body>
<input type="text" name="name" id="name" />
<input type="submit" name="button" id="button" value="Submit"/>
<br />
<span id="result"></span>
</body>
</html>
--------------------------------------------------------------------------------------------------------------
ไฟล์ test.php
<?php
echo $_POST['name'];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#button').click(function(){
$.ajax({
type: 'POST',
url: "test.php",
data: {name: $('#name').val()},
success: function(data){
$('#result').html( data );
}
});
})
});
</script>
</head>
<body>
<input type="text" name="name" id="name" />
<input type="submit" name="button" id="button" value="Submit"/>
<br />
<span id="result"></span>
</body>
</html>
--------------------------------------------------------------------------------------------------------------
ไฟล์ test.php
<?php
echo $_POST['name'];
?>
15 มิถุนายน 2553
Jquery Refresh Div
ไฟล์ Index.html
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_tweets').load('Untitled-2.php').fadeIn("slow");
}, 1000); // refresh every 10000 milliseconds
</script>
<div id="load_tweets"> </div>
ไฟล์ Untitled-2.php
<?php
echo "test page";
?>
เท่านี้ก็จะทำให้เรารีเฟรชหน้าได้เฉพาะบา่งส่วนแล้วครับ แต่อาจจะใช้งานไม่ได้สำหรับ I.E. เวอร์ชั่นเก่า ๆ ครับ
ดูข้อมูลเพิ่มเติมได้ที่ : http://www.9lessons.info/2009/07/auto-load-refresh-every-10-seconds-with.html
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#load_tweets').load('Untitled-2.php').fadeIn("slow");
}, 1000); // refresh every 10000 milliseconds
</script>
<div id="load_tweets"> </div>
ไฟล์ Untitled-2.php
<?php
echo "test page";
?>
เท่านี้ก็จะทำให้เรารีเฟรชหน้าได้เฉพาะบา่งส่วนแล้วครับ แต่อาจจะใช้งานไม่ได้สำหรับ I.E. เวอร์ชั่นเก่า ๆ ครับ
ดูข้อมูลเพิ่มเติมได้ที่ : http://www.9lessons.info/2009/07/auto-load-refresh-every-10-seconds-with.html
9 มิถุนายน 2553
ฟั่งชั่น กำจัดการกรอกตัวอักษร
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script>
$(document).ready(function(){
$('#Wish').keyup(function(){
var max = parseInt($(this).attr('maxlength'));
if($(this).val().length > max){
$(this).val($(this).val().substr(0, $(this).attr('maxlength')));
}
$('#WishMax').html('เหลืออีก ' + (max - $(this).val().length) + ' ตัวอักษร');
});
});
</script>
วิธีใช้งาน ด้านล่างนี้เลย
<textarea name="Wish" id="Wish" maxlength="10"></textarea>
<div id="WishMax"></div>
<script>
$(document).ready(function(){
$('#Wish').keyup(function(){
var max = parseInt($(this).attr('maxlength'));
if($(this).val().length > max){
$(this).val($(this).val().substr(0, $(this).attr('maxlength')));
}
$('#WishMax').html('เหลืออีก ' + (max - $(this).val().length) + ' ตัวอักษร');
});
});
</script>
วิธีใช้งาน ด้านล่างนี้เลย
<textarea name="Wish" id="Wish" maxlength="10"></textarea>
<div id="WishMax"></div>
สมัครสมาชิก:
บทความ (Atom)