ในบทความนี้ เราจะมาแนะนำการ แสดง ข้อมูล ip ผู้เข้าชม Website ด้วย ipstack.com กันครับ
ipstack คือ Web Api ที่ให้บริการในการตรวจสอบ ข้อมูลผู้เข้าชม Web Site ของเรา โดยสามารถเก็บข้อมูลพื้นฐาน เช่น เลข IP, ประเทศ (Country) ,ตำแหน่งที่ตั้ง (Latitude,Longitude) , สกุลเงิน (Currency) , เขตเวลา (Time Zone) เป็นต้น
สวัสดีครับ ในบทความนี้เราจะมาแนะนำการใช้งาน TableExport.js ซึ่งเป็น Javascript Library สำหรับ Export ข้อมูลรองรับการ Export ข้อมูลจาก Html Table ไปเป็นไฟล์ Excel , Csv หรือ ไฟล์ text
การใช้งานสามารถดูตัวอย่างเพิ่มเติมจากเว็บไซต์ผู้พัฒนาได้ที่
https://tableexport.v4.travismclarke.com/#tableexport
สวัสดีครับในบทความนี้ เราจะมาแนะนำถึงการใช้งาน jsTree เป็น Library สำหรับแสดงผลข้อมูล ที่มีลักษณะโครงสร้างต้นไม้ (Tree Structure)
ข้อมูลชนิดโครงสร้างต้นไม้ (Tree Structure) คือ โครงสร้างข้อมูลชนิดหนึ่งที่ข้อมูลมีความสัมพันธ์กัน และ มีลักษณะการเรียงเป็นกิ่งก้านสาขากันออกไป คล้ายกับ กิ่งของต้นไม้ (ถึงได้เรียกว่าโครงสร้างข้อมูลต้นไม้ครับ) โดยมักใช้กับข้อมูลที่มีการแบ่งลำดับชั้นเช่น โครงสร้างองค์กร หรือ หมวดหมู่หนังสือที่แบ่งออกเป็นชั้น ๆ เป็นต้น
Read More
จากบทความก่อนหน้านี้ เราได้แนะนำถึงการใช้งาน Select2 และ ประยุกต์ การใช้งาน Select2 สร้างตัวเลือก จังหวัด อำเภอ และ ตำบล กันไปแล้ว
ซึ่ง เจ้าตัว Select 2 เป็น ปลักอิน สำหรับ จัดการ select box ให้มีความสามารถมากขึ้น เช่น searching , tagging , remote data sets , infinite scrolling เป็นต้น
ในบทความนี้ ทางเราจะขอแนะนำการใช้งาน Select2 ให้ สามารถ ค้นหา ข้อมูล จาก Database มาแสดงในช่อง ค้นหา โดยจะแสดงข้อมูล ตามที่ค้นหา ทำให้ สะดวกในการใช้งาน กรณีที่มีข้อมูลเป็นจำนวนมาก
ตัวอย่าง การ ค้นหารายชื่อ ประเทศ ต่าง ๆ จากช่อง Select box โดยค้นหาจาก ฐานข้อมูล Country
DataTables คือ plug-in Jquery Javascript สำหรับ จัดการข้อมูล Html Table ซึ่ง การใช้งานนั้น ง่าย มาก ๆ เพียงแค่ นำเข้า Script ก็สามารถใช้งานได้ทันที โดยจะมีการจัดรูปแบบข้อมูล ใน Table ของเรา ให้สามารถ ค้นหา(Search) , เรียงลำดับ(Sort) , แบ่งหน้า (Pagination) ให้อัตโนมัติ ซึ่งถือได้ว่าสุดยอด มาก ๆ และ ยังสามารถ ปรับแต่ง Options ต่าง ๆ ได้อีกด้วย มาดูตัวอย่างการเลยดีกว่า
ในตัวอย่างนี้เราขอนำเสนอ การสร้าง ฟอร์ม HTML ตัวเลือกแบบสอบถามอย่างง่าย ๆ ซึ่งจะใช้ input ที่ มี Type เป็น radio โดยเราจะเพิ่มการแสดง Progress Bar
เปอร์เซ็นต์ การ เลือก ตอบคำถาม ว่าผู้ตอบคำถามได้ตอบคำถามไปแล้วกี่เปอร์เซ็นต์
สามารถนำไปประยุกต์ใช้กับการกรอกแบบฟอร์มในรูปแบบต่าง ๆ ได้
การใช้งาน Jquery Select2 สร้างตัวเลือกแบบ DropDown เลือก จังหวัด อำเภอ ตำบล โดยดึงข้อมูล มาจากฐานข้อมูล MySQL ในบทความนี้จะใช้ฐานข้อมูล SQL จาก Thailand Province Database
ซึ่งจะมีการใช้งาน ร่วมกับ JQuery Select2 เพื่อเพิ่มความสะดวกในการใช้งานมากยิ่งขึ้น
Jquery File Upload คือ Plugin ที่ช่วยจัดการระบบ การ Upload รูปภาพ รองรับการ upload และ ลบ รูปภาพแบบ ทีละไฟล์ หรือ แบบหลายไฟล์ ทดลองใช้งานตัวอย่างได้ที่ http://blueimp.github.io/jQuery-File-Upload/ จะเห็นว่าคุณสมบัติน่าใช้เลยทีเดียว
การสร้าง Form เพื่อรับข้อมูลจากผู้ใช้งาน ในกรณีที่ต้องมีการเก็บข้อมูลในรูปแบบวันที่ เพื่อความสะดวกในการกรอกข้อมูล เราจะมา แนะนำการใช้งาน Jquery Ui DatePicker ซึ่ง ช่วยสำหรับการแสดงผล ปฏิทิน และสามารถปรับแต่งรูปแบบการแสดงผลได้