Java Script ที่ผมใช้บ่อยๆ

คำสั่งที่ใช้งานบ่อยๆ แล้วจำไม่ค่อยได้ ผมเขียนรวบรวมไว้ในนี้

จะได้ไม่ต้องหาจากที่อื่น เข้าที่นี่ที่เดียว ผมก็ได้ script ที่ต้องการแล้ว

Your rating: None Average: 3.4 (22 votes)

window.open

  1. <script type="text/javascript" language="javascript">
  2. function popUpWindow(sURL, sName, width, height, menu, resize, scrollbar, status, title, toolbar)
  3. {
  4.         // Detect Default Value
  5.         menu = typeof(menu) == 'undefined'?0:menu;
  6.         resize = typeof(resize) == 'undefined'?0:resize;
  7.         scrollbar = typeof(scrollbar) == 'undefined'?0:scrollbar;
  8.         status = typeof(status) == 'undefined'?0:status;
  9.         title = typeof(title) == 'undefined'?0:title;
  10.         toolbar = typeof(toolbar) == 'undefined'?0:toolbar;
  11.         ////////////////////////////////////////////////////////////////
  12.        
  13.         screenwidth = window.screen.width;
  14.         screenheight = window.screen.height;
  15.        
  16.         var left = (screenwidth/2) - (width/2);
  17.         var top = (screenheight/2) - (height/2);
  18.        
  19.         var newwin = window.open(sURL, sName, "top=" + top + ", left=" + left + ", height="+ height + ", width=" + width + ", menubar=" + menu + ", resizable=" + resize + ", scrollbars=" + scrollbar + ", status=" + status + ", titlebar=" + title + ", toolbar=" + toolbar + "");
  20.         newwin.focus();
  21. }
  22. </script>

เอาไว้เปิดหน้าใหม่

Your rating: None Average: 2.9 (8 votes)

ฟังก์ชั่น number_format สำหรับ java script

แอบมาเขียนแบบสั้นๆ ครับ

ปกติใน PHP จะมีฟังก์ชั่น number_format() สำหรับเติ่มเครื่องหมาย , ให้กับตัวเลข และช่วยปัดเศษของทศนิยมตามตำแหน่งที่เราต้องการได้ด้วย แต่ว่า AJAX มันเป็น Java Script แล้วมันดันไม่มีฟังก์ชั่นนี้ด้วยสิ จะโยนให้ PHP ผ่าน XMLHttp ก็ใช่เรื่อง เลยเขียนเองเลยดีกว่า

มั่วไป มั่วมาก็ได้ตามนี้แหละครับ

  1.   <script type="text/javascript">
  2. function number_format (number, decimals, dec_point, thousands_sep) {
  3.         var exponent = "";
  4.         var numberstr = number.toString ();
  5.         var eindex = numberstr.indexOf ("e");
  6.         if (eindex &gt; -1) {
  7.                 exponent = numberstr.substring (eindex);
  8.                 number = parseFloat (numberstr.substring (0, eindex));
  9.         }
  10.                  
  11.         if (decimals != null) {
  12.                 var temp = Math.pow (10, decimals);
  13.                 number = Math.round (number * temp) / temp;
  14.         }
  15.         var sign = number < 0 ? "-" : "";
  16.         var integer = (number > 0 ? Math.floor (number) : Math.abs (Math.ceil (number))).toString ();
  17.        
  18.         var fractional = number.toString ().substring (integer.length + sign.length);
  19.         dec_point = dec_point != null ? dec_point : ".";
  20.         fractional = decimals != null && decimals &gt; 0 || fractional.length &gt; 1 ? (dec_point + fractional.substring (1)) : "";
  21.         if (decimals != null && decimals > 0) {
  22.                 for (i = fractional.length - 1, z = decimals; i < z; ++i) {
  23.                         fractional += "0";
  24.                 }
  25.         }
  26.  
  27.         thousands_sep = (thousands_sep != dec_point || fractional.length == 0) ? thousands_sep : null;
  28.         if (thousands_sep != null && thousands_sep != "") {
  29.                 for (i = integer.length - 3; i > 0; i -= 3){
  30.                         integer = integer.substring (0 , i) + thousands_sep + integer.substring (i);
  31.                 }
  32.         }
  33.         return sign + integer + fractional + exponent;
  34. }
  35. </script>
 
วิธีการเรียกใช้งานก็ง่ายๆ เลยครับ
number_format(ตัวเลข, จำนวนทศนิยม, เครื่องหมายทศนิยม, เครื่องหมายหลักพัน);
 
เช่น จะเอาตัวเลข 20,000.00 ก็เขียนประมาณนี้ครับ
 
number_format(20000,2,'.',',');
 

สั้นๆ ง่ายๆ แต่มีประโยชน์เหลือหลายครับ

เอาไปใช้กันได้ ไม่หวงครับ

หลายๆ ที่ก๊อปเอาโค๊ดนี้ไปแล้วไม่ให้เครดิต ผมไม่ว่าอะไร แต่แก้โค๊ดให้มันใช้งานได้ก็ดีนะครับ เพราะโค๊ดที่ท่านๆ ก๊อปไป มันเป็นช่วงที่ผมใช้ Wordpress ซึ่งมันมีปัญหากับเครื่องหมาย มากกว่า น้อยกว่า ไม่แก้ ยังไงก็ใช้งานไม่ได้แหละ

Your rating: None Average: 3.8 (11 votes)

ฟังก์ชั่นตรวจสอบอีเมล

เอาไว้ใช้สำหรับตรวจสอบ e-mail ที่ป้อนมาจากฟอร์ม ฟังก์ชั่นจะคืนค่า true ถ้าอีเมล์ที่ป้อนเข้ามาถูกต้อง เพราะฉะนั้นเวลาเอาไปใช้งานก็ต้องใส่ ! ด้วยนะครับ เพราะเราจะเอาค่าที่ตรวจสอบไม่ผ่านเข้าทำงานในเงื่อนไข

  1. function chkMail(mail){
  2.         var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  3.         if (filter.test(mail)){
  4.                 return true;
  5.         }
  6.         else{
  7.                 return false;
  8.         }
  9. }
No votes yet

screen size detect

ตรวจสอบขนาดหน้าจอของ Windows

screen.width;
screen.height;

เดี๋ยวค่อยมาเขียนต่อ

Your rating: None Average: 1 (1 vote)

disable right click

<body oncontextmenu="return false;">

ใส่โค๊ดแค่นี้ก็กด click ขวาไม่ได้แล้วแหละ ง่ายไหม อิอิ

จริงๆ มันเป็น html มากกว่าเนอะ ไม่ใช่ javascript เลยอ่ะ

No votes yet