Latest Publications

Really Simple Validation

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

ถามหน่อยเหอะ “ไม่เบื่อเหรอ” ถ้าคำตอบว่า เบื่อ ลองมาดูการ validate ผ่าน jQuery plugin กันหน่อยเป็นไง ซึ่งตามที่ผมลองเล่นมา jQuery จะมี plugin ประเภทนี้ อยู่เพียบเลย แต่ผมให้แค่ 3 ตัว ก็คือ (more…)

มาทำ Drag and Drop ในรูปแบบ Table กัน

หายไปนานเลย ช่วงนี้วุ่นๆ เพราะพึ่งย้ายงาน เลยต้องปรับตัว ไม่มีเวลามาอัพเดทเท่าไหร่ แต่วันนี้อากศหนาวเลยมา อัพเดทซะหน่อย 555+

ก็จะมาแนะน Plugin ดีๆ อีกตัวนึงของ jQuery เพื่อช่วยในการ Order ข้อมูลที่อยู่ในรูปแบบของ Table ซึ่งผมเห็นว่าน่าจะมีประโยชน์ในเรื่องของ การจัดลำดับของ ข้อมูลในส่วนของ Backend (ใครจะเอาไปใช้ Frontend ก็ได้)

Plugin ตัวนี้ก็คือ Table Drag and Drop JQuery plugin โดยลักษณะตามโครงส้างของ HTML table จะประกอบไปด้วยหลักๆ ก็คือ (more…)

Checkbox limit plugin by Tee++;

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

โดยที่ plugin ตัวนี้จะ ทำหน้าที่นับจำนวน checkbox ที่ถูกติ๊กไปแล้ว ไม่ให้เกินจำนวนที่กำหนด ทั้งยังสามารถกำหนด action ที่จะให้เกิดขึ้นตามเงื่อนไข 2 แบบ ดังนี้ (more…)

คำสั่ง each ใช้วนลูป ก็สะดวกดีนะ

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

ทีนี้เราลองมาดูกันว่ามันเป็นยังไง ไอ้คำสั่ง each เนี่ย (more…)

ใช้ jQuery เพื่อแก้ปัญหา W3C

W3C นับวันยิ่งเข้มงวด เข้มข้นขึ้น ทุกที ไอ้นู่นก็ไม่ได้ ไอ้นี่ก็ validate ไม่ผ่าน ทำเอาทั้ง designer และ programmer ปั่นป่วน รวนเรเสียขบวน ต้องมาตามล้างตามเช็ด code แก้ไขกันให้วุ่น ทีนี้เราจะมาลองใช้ jQuery ในการแก้ปัญหา Tags หรือ Attributes ที่ไม่ support แต่เราจำเป็นต้องใช้กันดีกว่า (more…)

งานวิจัยระดับของความ “เมา”

วันนี้สักวันนึงขอไร้สาระบ้างเหอะ เพราะชอบจริงๆ กับงานวิจัยชั้น Platinum อันนี้ ลองไปอ่านเองเลยดีกว่า อิอิ

สถาบันด๊อกเตอร์มาร์ตินได้แบ่งระดับความเมาเหล้าของมนุษย์ไว้ 5
ระดับด้วยกันคือ:

ระดับที่ 1: SMART(ฉลาด)

- เมื่อคนดื่มเหล้าเข้าไปเมาจนถึงระดับนี้ซึ่งเป็นระดับแรก จะรอบรู้ทุกสิ่งทุกอย่างในจักรวาล และมักจะชอบเผื่อแผ่ความรู้ให้ทุกๆคนในบาร์ ความเป็นจริงทุกอย่างในจักรวาลจะถูกนำออกมาเปิดเผยหมด ไม่ว่าใครจะพูดเรื่องอะไรคุณจะกลายเป็นผู้เชี่ยวชาญทางด้านนั้นพอดิบพอดี และคุณจะรู้สึกว่าทุกๆอย่างที่คนอื่นพูดมาจะเป็นเรื่องผิดไปหมด ไม่ตรงกับข้อมูลที่คุณมี จึงจะมีการเริ่มตั้งข้อโต้แย้งต่างๆกัน (more…)

อยากรู้ว่า Iframe ทำการโหลดเสร็จแล้วรึยัง?

เอาล่ะครับ ช่วงนี้อากาศหนาวเริ่มมาเยือน สลับกับฝนตกเล็กน้อย ก็เลยนึกอยากมาอัพเดทบล๊อกบ้าง (เกี่ยวกันมั้ยเนี่ย) วันนี้มี Tip เล็กๆน้อยสำหรับ ทำการเช็ค Status ของ Iframe ว่าทำการโหลดเสร็จแล้วรึยัง….

อ้าวแล้วทำไมเราต้องอยากรู้?

หลายคนอาจมีคำถามในใจ 555 สำหรับตัวผมเองมันมีประโยชน์แบบนี้ครับ เช่นเวลาที่ผมสั่ง iframe มัน hide เอาไว้ ด้วย display:none ซึ่งแน่นอน มันก็ยังทำการโหลดเป็น background process อยู่ดี แล้วทีนี้ถ้าอยากบอกว่าเมื่อโหลดเสร็จให้มันแสดงล่ะจะทำไงดี? (more…)

เรียนรู้การเชื่อมต่อ API ผ่าน Protocol JSONp

มาอัพเดทแล้ว! วันนี้จะขอแนะนำ Protocol ของ API ซึ่งกำลังมาแรง เพราะว่าใช้งานง่าย และสามารถทำงานผ่าน Client ได้เลย โดยไม่ต้องพึ่ง Server Side Script นั่นก็คือ JSONp

JSONp เป็น Protocol ที่ใช้เชื่อมเพื่อทำงานกับ Web Service จากที่ต่างๆ โดย API ที่ดังๆ มักจะเตรียมมาไว้ให้ โดยรูปแบบและลักษณะการทำงานจะเป็นดังนี้ (more…)

jQuery’s selectors Part 3

หายไปนานกว่าจะมาอัพเดท บทความที่มีสาระเสียที วันนี้ฝนตกพรำๆ มีเวลาว่างนิดหน่อยเลยมาอัพเดทกันต่อเลย เพื่อที่จะได้ไม่เสียเวลา เราไปเริ่มกันเลยดีกว่า เพราะยังมี อีกเป็นกะตั๊ก ให้เอามาอัพเดทกัน

ต่อกันเลยนะ…. (more…)

PR Update แล้วคร๊าบบบบ

วันนี้ไม่ได้จะมาอัพเดทไร เป็นสาระหรอกครับ เพียงแต่หายไปนานเดี๋ยว Google จะบอกว่าไม่ยอมอัพเดทกันเลย ทว่าจริงๆ วันนี้ก็มีเรื่องสำคัญจะมาเล่านั่นก็คือ PR ขึ้นแล้วคร๊าบบบบ หลังจากได้ข่าวว่า Google ทำการอัพเดท PR แล้ว ก็เลยอยากรู้ว่า jQueryTips จะขึ้นกับเค้าบ้างรึเปล่า ในใจก็หวังไว้นิดหน่อยว่า อาจจะขยับจาก 2 มาเป็น 3 ก็ได้ ด้วยเหตุที่ไม่ได้ทำ SEO อะไรกับเวบนี้มากนัก แต่ต้องตกใจครับ เมื่อเข้ามาดูมันเป็น 4 แล้ว อิอิ (more…)