<input type="text" list="cars" />
<datalist id="cars">
<option>Volvo</option>
<option>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</datalist>
Code JavaScript and jQuery
27 ก.ค. 2560
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/
$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;xx31 ต.ค. 2559
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);
}
});
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'
$.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
สมัครสมาชิก:
ความคิดเห็น (Atom)
