แสดงบทความที่มีป้ายกำกับ javascript แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ javascript แสดงบทความทั้งหมด

22 ธันวาคม 2554

Jquery เพิ่ม คอมม่า (,) ให้กับเลข ตามหน่วยต่าง ๆ

 หลักจากได้เพิ่มบทความ  Javascript เพิ่ม คอมม่า (,) ให้กับเลข ตามหน่วยต่าง ๆ   ซึ่งเป็นฟังชั่นก์ ที่มีผู้รู้เขียนไว้เป็นตัวอย่างในเว็บ thaicreate.com ห้อง PHP

แต่บทความนี้จะเป็นการนำ Jquery มาใช้แทน ซึ่งมีรูปแบบในการใช้งาน ง่าย และสะดวก  โดยเข้าไปดาวน์โหลด สคริป จากเว็บ http://www.decorplanit.com/plugin/ และในเว็บเขาก็จะมีคำอธิบายเกี่ยวกับการนำไปใช้งาน ซึ่งผมพอเข้าใจเพื่อนำไปใช้งานคร่าว ๆ ดังนี้

20 ธันวาคม 2554

โจทย์ โปรแกรมทอนเงิน ATM นำมาจากกระทู้เว็บ Thaicreate

เป็น โจทย์ข้อสอบสมัครงาน ที่เพิ่มไว้ใน Thaicreate โดยคุณ Black Megic ซึ่งมีเงื่อนไขดังต่อไปนี้

ให้เขียนโปรแกรมตู้ ATM ครับ โดยกำหนดให้มีเงินอยู่ในตู้ 23,000 บาท แบ่งเป็น แบงค์ 1,000 แบงค์ 500 แบงค์ 100 โดยให้เขียนโปรแกรมเพื่อรับจำนวนเงินที่จะถอน จากนั้นโปรแกรมจะแสดงจำนวนแบงค์ที่ออกมา ซึ่งแบงค์ 1,000 จะออกก่อน แล้วก็แบงค์ 500 100 ตามลำดับ


28 เมษายน 2554

Javascript เพิ่ม คอมม่า (,) ให้กับเลข ตามหน่วยต่าง ๆ

<form name="frmMain" action="" method="post">

<script type="text/javascript">

function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}

function chkNum(ele)
{
var num = parseFloat(ele.value.replace(/,/g,''));
ele.value = addCommas(num.toFixed(2));
}
</script>

-----------------------------------------------
วิธีนำไปใช้งาน

<input type="text" name="txtNumber" value="" OnChange="JavaScript:chkNum(this)">
</form>

ข้อมูลจาก : thaicreate.com

23 มิถุนายน 2553

Javascript ปิดหน้าต่างลูกแล้ว refresh หน้าต่างหลัก

javascript:window.parent.opener.document.location.href='index.php'; window.close();

วิธีการเข้าใช้งาน ก่อนอื่นทำการสร้างหน้า ที่ทำการเปิด หน้า Popup

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Open A New Window</title>
</head>

<body>
<a href="" onclick="window.open('test.php','welcome','width=300,height=200')">Open a new window</a>
</body>
</html>



ไฟล์ test.php

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Close Open A New Window</title>
</head>

<body>
<a href="#" onclick="javascript:window.parent.opener.document.location.href='http://www.google.co.th'; window.close();">Close</a>
</body>
</html>


ซึ่งในไฟล์ test.php นี้จะเป็นหน้าสำหรับหน้า Popup และจะมีปุ่ม Close เพื่อปิดหน้า ซึ่งเมื่อเรากดปุ่ม Close หน้าหลักจะเด้งไปที่ www.google.co.th ให้อัตโนมัติ