ใจจริงนั้น วันนี้ขี้เกียจอัพเดทมากๆ แต่นี่ก็ใกล้จะหมดเดือน เมษาแล้ว และถ้าอัพบทความนี้สำเร็จ ก็จะกลายเป็นเดือน ที่มีบทความอัพเดทมากที่สุด นั่นก็คือ “11 บทความ” เรียกว่าเป็นการทำลายสถิติ ตัวเอง นั่นเอง 555+
นานมาแล้วครั้งนึงผมเคยแนะนำ plugin ของ jQuery ที่ชื่อว่า Really Simple Validation ซึ่งก็เอาไว้ใช้ทำงาน validate ข้อมูลจาก Form เป็นตัวที่ค่อนข้างจะใช้งานง่ายมากเลยทีเดียว
แต่ในชีวิตจริงผมไม่ค่อยจะใช้ตัวนั้นหรอกครับ ตัวที่ผมใช้มันคือ ตัวนี้ครับ แต่ด้วยความที่มัน ฉลาดและมากความสามารถ แน่นอน มันต้องทำให้ผมเหนื่อยในการที่จะ่ายทอดออกมาแน่ๆ เลยเพิ่งจะมาขยันเอาตอนนี้แหละครับ
สำหรับ validation plugin ตัวนี้นั้น สามารถที่จะ ตรวจเช็ค ข้อมูลได้หลาย แบบมากๆ เรียกว่าทุกแบบเลยดีกว่า เพราะมันเขียน condition เติมเองได้ รวมไปถึงการ remote เพื่อใช้ตรวจสอบ พวกชื่อ username, email, captcha ได้โดยไม่ต้อง มีการเปลี่ยน [...]

บทความนี้มันมีที่มาครับ เนื่องจาก วันก่อน เห็น K.Non และ K.Golf คุยกันใน Twitter ว่า “เว็บไซด์ thairath ใช้ sIFR ด้วย” ก็เลยทำให้เกิดความสงสัยครับ ว่า ไอ้ sIFR เนี่ย มันคืออะไรหว่า?
และก็ไม่รอช้า ถามพี่ Google ในทันที และก็ไม่ผิดหวัง สุดท้ายก็ได้คำตอบมาว่า
ไอ้ sIFR เนี่มันคือโปรเจคของ พี่ Mike Davidson ซึ่งมีหน้าที่คือ นำ Flash มาแทนที่ตัวอักษรภายใน Element ที่ระบุ โดยที่เราสามารถ ใช้ Font จากที่ไหนก็ได้
แล้วก็ลองทำดูได้หน้าตาออกมาแบบนี้ Online Demo (ลอง view Source ดูประกอบ)
หลักการของมันมีอยู่นิดเดียวเองครับ

ลองสังเกตุ กันบ้างมั้ยครับ เว็บสมัยนี้ พยายามกันอย่างหนักที่จะ ทำยังไงก็ได้ ให้มีเนื้อหาที่ครบถ้วนสมบูรณ์ โดยที่ไม่ทำให้ layout เสีย และ ใช้พื้นที่น้อยที่สุด โดยการทำดังนี้ ผมก็เห็นมาค่อนข้างจะหลายเทคนิควิธี อาทิ เช่น
Tabs – การแสดงผล โดยแบ่งออกเป็น tab ด้านบน แล้วค่อยๆคลิกเปลี่ยนไป
Fade – การแสดงผล โดยการค่อยๆ Fade Content เข้ามา โดยอาจจะมีปุ่ม Next/Back ให้ด้วย

Google Translate
ว้าว ขณะที่ Post ข้อความอยู่นี้ เชื่อมั้ยครับว่าผมเขียนบทความ ลงใน jQueryTips นี้ทั้งหมดกี่บทความแล้ว 80 !!!!! ใช่แล้วตั้ง 80 แน่ะ รวมบทความนี้ก็จะเป็นบทความที่ 81 ไม่น่าเชื่อเลย ว่าตัวเองจะเขียนได้มาไกลถึงขนาดนี้ 555++
ตอนแรกก็กะเขียนเล่นๆ คิดว่า วัน สองวันตัวเอง คงเบื่อ ไปๆมาๆ นี่เขียนกันเป็นปีเลย อืมม์ คิดๆแล้วก็ ภูมิใจแฮะ วันนี้เดี๋ยว export มา backup ซะหน่อยดีกว่า ^^
เอาล่ะๆ มาเข้าเรื่องที่จะเขียนวันนี้กันเลยดีกว่า “ภาษาอังกฤษ” -*- เชื่อแน่ๆ เลยครับว่าปัญหาเรื่อง ภาษา ไม่แข็งแรงนั้น สั่งสมอยู่กับคนไทย มานานแสนนาน ทำให้เราขาดโอกาส และการเรียนรู้ที่ดีๆ จาก international website, e-book หรือสื่อ ภาษาต่างประเทศ อะไรต่อมิอะไรไปไม่ใช่น้อย
แต่ผมคิดว่า ต่อไปนี้ปัญหาอาจจะเบาบางลง ด้วยท่านเทพแห่งโลกไซเบอร์อย่างพี่ [...]

หวัดดีครับ สาวก jQuery ทั้งหลาย ^^
วันนี้ผมมี Plug in น่ารักๆ อีกตัวมาแนะนำกันอีกแล้ว จำได้มั้ยครับ เมื่อนานมาแล้วผมเคยเอา MarkItUp ซึ่งเป็น jQuery Editor Plugin มาแนะนำกันไป
มาวันนี้ผมก็มีของคล้ายๆกันมาให้ชมกันอีกแล้ว จะต่างกันก็เพียงตัวที่ผมจะแนะนำในวันนี้มันเป็นการ แสดงผลแบบ WYSIWYG (What You See It What You Get) เท่านั้น

วันนี้ไม่ได้มีบทความอะไรมาแนะนำ ไม่ได้หมดมุขนะครับ แต่พอดีอยากจะเขียนบทความนี้ก่อน นั่นก็คือเรื่องของ plugin ใน Firefox ในมุมมองของ Developer ที่ ตัวผมเองคิดว่า มันมีประโยชน์เอามากๆ เลยทีเดียว พวกนี้เป็น plugin ที่ผมจะต้องลงก่อนเสมอ หลังจาก Format เครื่อง ลองมาดูกันครับ ว่าผมใช้อะไรบ้าง
ColorZilla
ตัวนี้ผมเอาไว้จับสีในเวบของชาวบ้าน โดยเฉพาะ มันมี Eyedropper เหมือนพวกโปรแกรมแต่งภาพนั่นแหละ
Dafizilla ViewSourceWith
ตัวนี้เอาไว้ View Source Code กับ Editor ที่เราเลือกไว้ โดยส่วนตัวผมเอามา View ใน Editplus

วันนี้จะมาพูดถึงเรื่อง jQuery’s Plugin กันอีกแล้ว พักหลังๆ ถ้าสังเกตุกัน จะเห็นได้ว่า ผมมักจะเขียนแต่เรื่องนี้ เพราะว่ามันอัพเดทง่ายดี ไม่เปลืองสมอง ไม่เปลืองแรง 555++
แต่เอาล่ะ เดี๋ยวหลายๆ คนจะรู้สึกว่า เข้ามาอ่าน Blog นี้ไม่ได้อะไรกลับไปเลย วันนี้ก็เลยจะมาเปลี่ยนแนวซะหน่อย ก็คือ แนะนำ Plugin แต่จะเอา Code มาตีแผ่กัน เป็น บรรทัด ไป ดังนั้น เลยต้องเลือก plugin ที่มันสั้นๆ แต่มีประโยชน์กันหน่อย ก็คือตัวนี้ครับ
Select-Chain: Select boxes multilevel ประโยชน์ของมันก็คือการสร้าง input select แบบที่ Related กันหลายระดับ ถ้านึกไม่ออก ก็นึกภาพ

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

หลายๆคนคงเคยเขียน 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 จะประกอบไปด้วยหลักๆ ก็คือ