ทำช่อง text Autocomplete เหมือน Google ด้วย jQuery Plugin

สวัสดีครับ สำหรับบทความนี้แนะนำการใช้งาน Autocomplete like Google jQuery Plugin คือเวลาที่เราทำการพิมพ์ข้อความ (จากตัวอย่างบทความเป็นชื่อจังหวัด) ใน Textbox แล้วมี ชื่อข้อความเต็ม แสดงขึ้นมาให้เราตัดสินใจเลือก วิธีการเขียนง่ายๆครับ ไม่ได้มีอะไรซับซ้อนมาก และเรานำ plugin มาประยุกต์ใช้งานให้เหมาะสมกับงานของเราเท่านั้น Continue reading “ทำช่อง text Autocomplete เหมือน Google ด้วย jQuery Plugin” »

Date Time Picker (ปฏิทินวันที่) โดยใช้ jQuery & Plugin

ในการทำเว็บไซต์มักจะมีวันที่เข้ามาเกี่ยวข้องซึ่งวันนี้ทางผู้เขียนได้แนะนำ jQuery Plugin ที่ใช้งานง่ายๆและผู้อ่านสามารถนำไปประยุกต์ใช้งานเองได้นั้นคือ Date Time Picker – jQuery Plugins by XDSoft ผู้อา่นสามารถดาวน์โหลด คลิกที่นี้เพื่อดาวน์โหลด เหตุผลที่ผู้เขียนเลือกใช้งาน date time picker นั้นคือ ความสวยงาม และ หยืดหยุดมากๆในการกำหนดค่าต่างๆในช่อง text box ดังนั้นเมื่อมีอะไรดีๆ ทางผู้เขียนจึงได้นำมาแนะนำให้ผู้ใช้/โปรแกรมเมอร์ ได้ทำความรู้จักและนำไปใช้ให้เกิดประโยชน์นั้นเอง Continue reading “Date Time Picker (ปฏิทินวันที่) โดยใช้ jQuery & Plugin” »

เขียน PHP ด้วยการค้นหาข้อมูล MySQL โดยใช้เทคนิค Ajax

บทความนี้แนะนำเกี่ยวกับการค้นหาข้อมูล MySQL แล้วดึงข้อมูลออกมาโชว์ไม่ต้อง Refresh โดยใช้เทคนิค AJAX ในการทำงาน โดยตัวอย่าง source code เป็นตัวอย่างแบบง่ายๆ สามารถเข้าใจได้ไม่ยาก และนำไปประยุกต์ใช้ได้ทันที Continue reading “เขียน PHP ด้วยการค้นหาข้อมูล MySQL โดยใช้เทคนิค Ajax” »

การอัพโหลดรูปภาพและ resize แบบ AJAX โดยใช้ PHP และ jQuery

ปัจจุบันการอัพโหลดไฟล์รูปภาพและ resize ขนาดรูปภาพ มี code ดาวน์โหลดให้เลือกใช้งานมากมายแต่บทความในบทความนี้ผมแนะนำการอัพโหลดไฟล์รูปภาพแบบ AJAX โดยใช้ PHP และ ใช้ jQuery เป็นเครื่องมือในการอัพโหลดรูปภาพซึ่งการอัพโหลดรูปภาพแบบ AJAX นั้นมีจุดเด่นคือไม่ต้อง Refresh หน้าเว็บเพจจึงทำให้การอัพโหลดมีความรวดเร็วและใช้ Data Transfer น้อยลง โดยผมจะใช้เทคนิค HTML5 File API ในการตรวจสอบขนาดไฟล์และประเภทของไฟล์ก่อนที่จะอัพโหลดจากนั้นผมจะสร้างไฟล์รูปภาพ 2 ไฟล์ คือไฟล์รูปภาพ Original และ รูปภาพแบบปรับขนาดแล้ว สำหรับบทความนี้เน้นการใช้งานพื้นฐานและง่ายต่อการเรียนรู้และเข้าใจ Continue reading “การอัพโหลดรูปภาพและ resize แบบ AJAX โดยใช้ PHP และ jQuery” »

รูปภาพสไลด์ด้วย Nivo Slider jQuery Plugin

การทำรูปภาพสไลด์เป็นที่นิยมเนื่องจากมีความสวยงามแล้วยังประหยัดพื้นที่การแสดงผลรูปภาพอีกด้วย โดยในบทความนี้ผมแนะนำการใช้งาน Nivo Slider Jquery Plugin ซึ่งการนำมาประยุกต์ใช้งานได้ง่ายไม่ซ้ำซ้อนและตรงตามความต้องการ อีกทั้งยังมีการปรับแต่งได้มากมาย Continue reading “รูปภาพสไลด์ด้วย Nivo Slider jQuery Plugin” »

การส่งอีเมล์ด้วย PHPMailer (โดยส่งผ่านอีเมล์ Gmail SMTP)

PHPMailer เป็น Class ที่ถูกพัฒนาขึ้นในการส่งอีเมล์ เพื่อความสะดวกสบายในการเรียกใช้งานซึ่งโดยปกติทาง PHP มีฟังก์ชั่นการส่งอีเมล์คือ mail() แต่ติดปัญหาคือเมล์ที่ส่งไปนั้นไม่ได้รับเนื่องจากอีเมล์ฉบับนั้นอยู่ใน Junkmail จึงทำให้รับความลำบากในการแก้ไขปัญหา ดังนั้น การใช้งาน PHPMailer จึงเป็นทางเลือกหนึ่งในการแก้ไขปัญหาและ อีกทั้ง PHPMailer สามารถใช้งานได้ง่ายหากให้ gmail.com ในการส่งอีเมล์ โดยตัวอย่างบทความใช้ gmail SMTP Continue reading “การส่งอีเมล์ด้วย PHPMailer (โดยส่งผ่านอีเมล์ Gmail SMTP)” »

แจกเว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce) สำหรับพัฒนา

เว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce)เป็นระบบเว็บไซต์ที่ลูกค้าสามารถสั่งซื้อสินค้าผ่านเว็บไซต์ได้ตลอด 24 ชั่วโมงจึงทำให้ปัจจุบันมีเว็บไซต์อีคอมเมิร์ซมากมาย ดังนั้นผมจึงเขียนเว็บไซต์อีคอมเมิร์ซขึ้นมาเพื่อให้ผู้อ่านทุกคนศึกษาการทำงานและนำไปเป็นตัวอย่างได้ซึ่งระบบเว็บอีคอมเมิร์ซ(E-Commerce) ผมได้ใช้ภาษา PHP ในการพัฒนา(เขียน) ขึ้นและใช้ฐานข้อมูล MySQL ในการเก็บจัดการข้อมูลและใช้เครื่องมือ(Tool) css คือ bootstrap ในการสร้างหน้าจอสำหรับหน้าเว็บและหลังเว็บ(frontend/backend) และสิ่งสำคัญสำหรับในยุคปัจจุบันคือ SEO ผมได้พัฒนาเว็บไซต์โดยให้ URL เป็นมิตร(อ่านง่าย) เพื่อ SEO โดยหากคุณดาวน์โหลดนำไปใช้งานหรือทดลองต้องเปิด mod_rewrite ที่ Apache ก่อนครับ Continue reading “แจกเว็บไซต์ระบบอีคอมเมิร์ซ(E-Commerce) สำหรับพัฒนา” »

การใช้งาน jQuery Form Validator (ตรวจสอบค่าในฟอร์ม ก่อนบันทึก)

jQuery Form Validator เป็นปลั๊กอิน jQuery ที่สร้างการตรวจสอบฟอร์มโดยวิธีการง่ายๆ ในการตรวจสอบผู้ใช้กรอกค่าข้อมูล โดย jQuery Form Validator ใช้งานผ่านโค็ด html โดยไม่ต้องเขียนโค็ดคำสั่งจาก javascript และการใช้ html ในการตรวจสอบสามารถทำให้หน้าเว็บเพจของคุณเร็วขึ้นอีกเท่าตัว โดยคุณสามารถเรียกใช้โมดูลที่คุณต้องการได้อย่างอิสระ เช่นต้องการ ให้กรอกเฉพาะตัวเลขเท่านั้น และ มีความยาว 3 ตัวอักษร เป็นต้น ซึ่งในบทความนี้ผมใช้ ฺBootstrap css framework ในการสร้างฟอร์ม Continue reading “การใช้งาน jQuery Form Validator (ตรวจสอบค่าในฟอร์ม ก่อนบันทึก)” »

PHP Workshop ระบบกระทู้ ถาม ตอบ (Webboard)

ในปัจจุบันระบบ Webboard หรือกระทู้ถามตอบเป็นที่นิยมใช้งานเป็นอย่างมาก เนื่องจากเป็นระบบที่โต้ตอบระหว่างผู้ตั้งคำถามและผู้ตอบคำถาม ทำให้ผู้ตั้งคำถามและผู้เข้ามาอ่านใน Webboard ได้รับประโยชน์ ซึ่งในบทความนี้ผมทำเป็นระบบ Webboard อย่างง่ายๆเพื่อให้ผู้อ่านทุกคน ได้เข้าใจการทำงานและนำไปประยุกต์ใช้งานให้เหมาะสมกับระบบของคุณ Continue reading “PHP Workshop ระบบกระทู้ ถาม ตอบ (Webboard)” »

PHP Workshop ตรวจสอบอีเมล์ซ้ำแบบ Ajax

บ่อยครั้งที่มีการสมัครสมาชิกในเว็บไซต์ต่างๆ คุณจะได้รับการแจ้งเสมอๆ ตอนที่คุณกรอกข้อมูล Username หรือ Email ที่ไปซ้ำกับคนอื่นที่มีอยู่แล้ว จึงทำให้เว็บไซต์ต่างๆมีการตรวจสอบข้อมูล Username หรือ Email ก่อนที่จะบันทึกข้อมูลลงไป ทำให้มั่นใจได้ว่าข้อมูล Username หรือ Email ไม่มีทางที่ซ้ำกันได้อย่างแน่นอน แล้วส่วนวิธีการตรวจสอบนั้นบางเว็บไซต์ใช้วิธีการผู้ใช้กรอกข้อมูลรายละเอียดต่างๆ ทั้งหมดใน Form แล้วกดปุ่ม Submit Form ถึงจะได้ตรวจสอบว่า Username หรือ Email ซ้ำกันหรือไม่ และในขณะที่เว็บไซต์บางเว็บไซต์เลือกใช้วิธีการตรวจสอบ Username หรือ Email ตอนผู้ใช้กรอก Username หรือ Email แล้ว Focus ไปที่อื่น โดยส่วนตัวของผมแล้วต้องการใช้วิธีที่ให้ผู้ใช้งานรู้ได้ทันทีหลังจากกรอก Username หรือ Email เสร็จ มากกว่าตอนที่กรอกรายละเอียดใน Form ทั้งหมดแล้วกด Submit Form ซึ่งเป็นวิธีที่เปลืองพลังงาน Server Continue reading “PHP Workshop ตรวจสอบอีเมล์ซ้ำแบบ Ajax” »