27 ก.ค. 2560

ทำ listbox ให้พิมพ์ได้

<input type="text" list="cars" />
<datalist id="cars">
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</datalist>

22 ก.ค. 2560

การตั้งค่าหน้าเพจให้เป็น A4

body {
  background: rgb(204,204,204); 
}
page[size="A4"] {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
@media print {
  body, page[size="A4"] {
    margin: 0;
    box-shadow: 0;
  }
}
 <page size="A4"></page>

6 ก.ค. 2560

การส่ง Line Notify จาก PHP

<?php
$chOne = curl_init(); 
curl_setopt( $chOne, CURLOPT_URL, "https://notify-api.line.me/api/notify"); 
// SSL USE 
curl_setopt( $chOne, CURLOPT_SSL_VERIFYHOST, 0); 
curl_setopt( $chOne, CURLOPT_SSL_VERIFYPEER, 0); 
//POST 
curl_setopt( $chOne, CURLOPT_POST, 1); 
// Message 
curl_setopt( $chOne, CURLOPT_POSTFIELDS, "message=ใส่เนื้อหาข้อความลงไปในนี้");
//ถ้าต้องการใส่รุป ให้ใส่ 2 parameter imageThumbnail และimageFullsize
//curl_setopt( $chOne, CURLOPT_POSTFIELDS, "message=hi&imageThumbnail=http://www.wisadev.com/wp-content/uploads/2016/08/cropped-wisadevLogo.png&imageFullsize=http://www.wisadev.com/wp-content/uploads/2016/08/cropped-wisadevLogo.png"); 
// follow redirects 
curl_setopt( $chOne, CURLOPT_FOLLOWLOCATION, 1); 
//ADD header array 
$headers = array( 'Content-type: application/x-www-form-urlencoded', 'Authorization: Bearer 02Y8ujJOMCNEjHgFHoz4Xb50tMDNfeAB9IbjUmeNlrB', ); 
curl_setopt($chOne, CURLOPT_HTTPHEADER, $headers); 
//RETURN 
curl_setopt( $chOne, CURLOPT_RETURNTRANSFER, 1); 
$result = curl_exec( $chOne ); 
//Check error 
if(curl_error($chOne)) { echo 'error:' . curl_error($chOne); } 
else { $result_ = json_decode($result, true); 
echo "status : ".$result_['status']; echo "message : ". $result_['message']; } 
//Close connect 
curl_close( $chOne );
}
?>
=================================================================
ถ้าส่งข้อความภาษาไทยไม่ได้ ให้เข้าเว็บนี้เพื่อแปลง Encode ตัวอักษรก่อน
http://meyerweb.com/eric/tools/dencoder/

การตั้งชื่อไฟล์ที่จะ Upload ให้เป็นไปตามวันที่และเวลา

$file = $_FILES["p_image"]["name"];
$array = explode('.', $file);$fileName=$array[0];
$fileExt=$array[1];
$newfile=$fileName."_".time().".".$fileExt;xx

11 มี.ค. 2559

นำค่าใน Text box มาบวก ลบ คูณ หารกันแล้วใส่ผลลัพธ์ใน Textbox

$("#result2").text((val1 / val2).toFixed(3)); //เอา 2 ค่ามาหารกันให้ได้จุดทศนิยม 3 ตำแหน่งแล้วใส่ลงไปใน Textbox หรือ 
var val1 = parseInt($("#calc3").val());
var val2 = parseInt($("#calc4").val());
var result = (val1 / val2).toFixed(3);
$("#result2").val(result); //แบบนี้ก็ได้

การตรวจสอบว่า Check Box มีการติ๊กมาหรือไม่

$('#checkbox1').click(function(){
    if (this.checked) {
       $('#textbox1').val(7);
    }
  });

Code แรกเริ่มของคำสั่ง jQuery ทั้งหมด

<script type=”text/javascript” language=”javascript”>
     $(document).ready(function(e) {
         ใส่คำสั่งทั้งหมดภายใต้นี้
     });
</script>

การรวมค่าตัวเลขใน Textbox หลายๆ อันทีเดียว

//สร้าง Textbox โดยใช้ชื่อ class เดียวกันทั้งหมด
$('.class').keyup(function () {
    var sum = 0;     
    $('.class').each(function() {
        sum += Number($(this).val());
    });
    $('#totalPrice').val(sum); 
});

การโยนค่าจาก Textbox มาเก็บไว้ในตัวแปรที่สร้างพร้อม Set ให้เป็น number

Var val1=parseInt($(“#number1”).val());     //จำนวนเต็ม
Var val2=parseFloat(“#number2”).val());     //เป็นทศนิยม

การกำหนดให้ค่าเป็นตัวเลข

//ถ้าแบบนี้จะเป็นตัวเลขพร้อมปัดจุดทศนิยมให้เหลือ 2 หลักด้วย
$.number( 1234.5678, 2 ); // Returns '1,234.57'
// แบบนี้ จะเป็นเลขจำนวนเต็มพร้อมเครื่องหมาย , ให้ด้วย
$('#mynum').number( 1234.5678 ); // #mynum would then contain '1,235'

การตรวจสอบ Textbox ว่าเป็นค่าว่างหรือไม่

Var x=$(“#texbox1”).val();
If (! isNaN(x)) {       //ถ้า x ไม่เท่ากับค่าว่าง
      เหตุการณ์;
}

การกำหนดจุดทศนิยมของตัวเลข

Var y=2.987654;
$(“#textbox2”).val(y.toFixed(2));
//ในที่นี้คือกำหนดให้เป็นทศนิยม 2 หลักแสดงใน textbox2

ให้เกิดเหตุการณ์เมื่อกดปุ่มบนคีย์บอร์ด

$(“#textbox1”).keyup(function(){
            เหตุการณ์;
});