คงไม่มีใครปฎิเสธว่า ยุดนี้การเขียนเวบด้วย Stylesheet นั้นมาแรงเพียงไหน เวบเทพๆ ของโลกมองไปแทบจะไม่เจอ table เลยแม้สักตารางนิ้วเดียว เพราะว่าประโยชน์ของมันนั้น มีมากมาย ไม่ว่าจะเป็น การเข้าถึงที่รวดเร็ว, รองรับ SEO เต็มขั้น, อ้างอิง พาธ ได้ง่าย และอีกสารพัดจะ บรรยาย
วันนี้ผมเลยมี plugin ที่แสนวิเศษ จะมาแนะนำ…

เอาล่ะๆ ไหนๆ จะเขียนทั้งที เขียนมันติดๆ กันไปเลย หลายๆเรื่องละกัน อันนี้เป็น Tip เล็กๆ ที่จะมาบอกกัน เป็นเื่รื่องของ การเช็คนามสกุลไฟล์ที่ผ่านเข้ามาใน input browse ว่าจะสามารถให้ผ่านไปได้หรือไม่ โดยเอา jQuery กับ Regular มาช่วยกันทำงานนี้ให้สำเร็จ
สมมุติว่าเราอยากจะให้ user browse ไฟล์เข้ามาได้แต่เรา ไม่ต้องการไฟล์ลักษณะ อื่นๆ เลยนอกจาก images อย่างเดียว ลองมาดูวิธีการเขียนของ jQuery กัน

เอาล่ะ ขยันอัพบล๊อกเลย วันนี้ เขียนมันติดๆ กันเอาให้คุ้มๆ ขอ ชะแว๊บ มาในส่วนของ PHP สักเรื่องนะครับ หลายๆ คนคงรู้จัก Imagemagick มาก่อน นั่นก็คือชุด การทำงานที่เกี่ยวกับ Image ที่ครบเครื่องอย่างแรง ตัวนึง ซึ่งมีคนใช้กันทั่วโลก แต่ทว่า….
ที่ผมจะมาแนะนำวันนี้มันไม่ใช่ ImageMagick ครับ แต่มันคือ Imagick ซึ่งเป็น extension แกะกล่องของ PHP (หา Docs ยากฉิบ -*-) ที่แม้แต่ใน php.net ยังหา Docs มันได้ไม่สมบูรณ์ (แม้แต่น้อย เรียกว่า มันโชว์แค่ชื่อ function เลยจะดีกว่า)

หลายๆคนคงเคยเขียน validation ผ่าน js ซึ่งตามปกติแล้ว เรามักจะเขียน Rule ที่ละตัวๆ แล้วก็เขียนมันซ้ำไปซ้ำมาอยู่นั่นล่ะ เรียกว่าเป็นงาน Routine ที่น่าเบื่อสุดๆ ไปเลย ไหนจะ E-mail, ตัวเลข, ค่าว่าง, ภาษา, custom และอีกมากมายตามแต่จะรังสรรค์กันมา
ถามหน่อยเหอะ “ไม่เบื่อเหรอ” ถ้าคำตอบว่า เบื่อ ลองมาดูการ validate ผ่าน jQuery plugin กันหน่อยเป็นไง ซึ่งตามที่ผมลองเล่นมา jQuery จะมี plugin ประเภทนี้ อยู่เพียบเลย แต่ผมให้แค่ 3 ตัว ก็คือ

หายไปนานเลย ช่วงนี้วุ่นๆ เพราะพึ่งย้ายงาน เลยต้องปรับตัว ไม่มีเวลามาอัพเดทเท่าไหร่ แต่วันนี้อากศหนาวเลยมา อัพเดทซะหน่อย 555+
ก็จะมาแนะน Plugin ดีๆ อีกตัวนึงของ jQuery เพื่อช่วยในการ Order ข้อมูลที่อยู่ในรูปแบบของ Table ซึ่งผมเห็นว่าน่าจะมีประโยชน์ในเรื่องของ การจัดลำดับของ ข้อมูลในส่วนของ Backend (ใครจะเอาไปใช้ Frontend ก็ได้)
Plugin ตัวนี้ก็คือ Table Drag and Drop JQuery plugin โดยลักษณะตามโครงส้างของ HTML table จะประกอบไปด้วยหลักๆ ก็คือ

หลังจากหมดมุขมานาน ไม่รู้จะเขียนอะไรดี วันนี้พอดีผ่านไปเห็นเวบบอร์ดแห่งนึง ถามปัญหาเรื่องการนับจำนวน checkbox ที่ถูก checked ไปแล้ว เพื่อที่จะทำการปิด ไม่ให้สามารถกดได้อีก ก็เลยเขียนเล่นๆ เขียนไปเขียนมาก็เลยออกมาเป็นplugin เล็กๆ (เล็กมาก) แต่ว่าทำงานได้ตรงตามจุดประสงค์ ก็เลยจะเอามาให้ลองเล่นดูกัน
โดยที่ plugin ตัวนี้จะ ทำหน้าที่นับจำนวน checkbox ที่ถูกติ๊กไปแล้ว ไม่ให้เกินจำนวนที่กำหนด ทั้งยังสามารถกำหนด action ที่จะให้เกิดขึ้นตามเงื่อนไข 2 แบบ ดังนี้

javascript นั้นมีตัวแปรที่เก็บในลักษณะ array, object ซึ่งข้อมูเหล่านี้ การที่เราจะเข้าถึงมันจะต้องใช้ loop ต่างๆ ซึ่งการเขียนมันก็ยาวนิดนึง แต่ไม่ต้องห่วง jQuery ขึ้นชื่อว่า framework แล้ว ไม่เคยพลาดที่จะเตรียมเรื่อง loop มาให้ นั่นก็คือคำสั่ง “each” นั่นเอง การใช้งานก็แสนที่จะง่าย แทบจะไม่ต้องมาศึกษาอะไรเลย
ทีนี้เราลองมาดูกันว่ามันเป็นยังไง ไอ้คำสั่ง each เนี่ย