Archive for the ‘jQuery’ Category

หลังจากหมดมุขมานาน ไม่รู้จะเขียนอะไรดี วันนี้พอดีผ่านไปเห็นเวบบอร์ดแห่งนึง ถามปัญหาเรื่องการนับจำนวน checkbox ที่ถูก checked ไปแล้ว เพื่อที่จะทำการปิด ไม่ให้สามารถกดได้อีก ก็เลยเขียนเล่นๆ เขียนไปเขียนมาก็เลยออกมาเป็นplugin เล็กๆ (เล็กมาก) แต่ว่าทำงานได้ตรงตามจุดประสงค์ ก็เลยจะเอามาให้ลองเล่นดูกัน โดยที่ plugin ตัวนี้จะ ทำหน้าที่นับจำนวน checkbox ที่ถูกติ๊กไปแล้ว ไม่ให้เกินจำนวนที่กำหนด ทั้งยังสามารถกำหนด action ที่จะให้เกิดขึ้นตามเงื่อนไข 2 แบบ ดังนี้
javascript นั้นมีตัวแปรที่เก็บในลักษณะ array, object ซึ่งข้อมูเหล่านี้ การที่เราจะเข้าถึงมันจะต้องใช้ loop ต่างๆ ซึ่งการเขียนมันก็ยาวนิดนึง แต่ไม่ต้องห่วง jQuery ขึ้นชื่อว่า framework แล้ว ไม่เคยพลาดที่จะเตรียมเรื่อง loop มาให้ นั่นก็คือคำสั่ง "each" นั่นเอง การใช้งานก็แสนที่จะง่าย แทบจะไม่ต้องมาศึกษาอะไรเลย ทีนี้เราลองมาดูกันว่ามันเป็นยังไง ไอ้คำสั่ง each เนี่ย
W3C นับวันยิ่งเข้มงวด เข้มข้นขึ้น ทุกที ไอ้นู่นก็ไม่ได้ ไอ้นี่ก็ validate ไม่ผ่าน ทำเอาทั้ง designer และ programmer ปั่นป่วน รวนเรเสียขบวน ต้องมาตามล้างตามเช็ด code แก้ไขกันให้วุ่น ทีนี้เราจะมาลองใช้ jQuery ในการแก้ปัญหา Tags หรือ Attributes ที่ไม่ support แต่เราจำเป็นต้องใช้กันดีกว่า
เอาล่ะครับ ช่วงนี้อากาศหนาวเริ่มมาเยือน สลับกับฝนตกเล็กน้อย ก็เลยนึกอยากมาอัพเดทบล๊อกบ้าง (เกี่ยวกันมั้ยเนี่ย) วันนี้มี Tip เล็กๆน้อยสำหรับ ทำการเช็ค Statu ของ Iframe ว่าทำการโหลดเสร็จแล้วรึยัง.... อ้าวแล้วทำไมเราต้องอยากรู้? หลายคนอาจมีคำถามในใจ 555 สำหรับตัวผมเองมันมีประโยชน์แบบนี้ครับ เช่นเวลาที่ผมสั่ง iframe มัน hide เอาไว้ ด้วย display:none ซึ่งแน่นอน มันก็ยังทำการโหลดเป็น background process อยู่ดี แล้วทีนี้ถ้าอยากบอกว่าเมื่อโหลดเสร็จให้มันแสดงล่ะจะทำไงดี?
มาอัพเดทแล้ว! วันนี้จะขอแนะนำ Protocol ของ API ซึ่งกำลังมาแรง เพราะว่าใช้งานง่าย และสามารถทำงานผ่าน Client ได้เลย โดยไม่ต้องพึ่ง Server Side Script นั่นก็คือ JSONp JSONp เป็น Protocol ที่ใช้เชื่อมเพื่อทำงานกับ Web Service จากที่ต่างๆ โดย API ที่ดังๆ มักจะเตรียมมาไว้ให้ โดยรูปแบบและลักษณะการทำงานจะเป็นดังนี้
หายไปนานกว่าจะมาอัพเดท บทความที่มีสาระเสียที วันนี้ฝนตกพรำๆ มีเวลาว่างนิดหน่อยเลยมาอัพเดทกันต่อเลย เพื่อที่จะได้ไม่เสียเวลา เราไปเริ่มกันเลยดีกว่า เพราะยังมี อีกเป็นกะตั๊ก ให้เอามาอัพเดทกัน ต่อกันเลยนะ....
เอาละ มาแล้วต่อๆ ก่อนที่จะไม่มีอารมณ์เขียน พักนี้มัวเสียเวลาไปศึกษา เรื่องนู้นเรื่องนี้ จนไม่ค่อยได้มาอัพเดทอะไรเท่าไหร่ วันนี้ชิลด์ ชิลด์ เลยมาเขียนต่อ ครั้งที่แล้วค้างกันไว้ถึง Basic Filter วันนี้มาต่อกันเลยละกัน
มีหลายคนเริ่มบ่น ว่าทำไมผม พูดแต่เรื่องอะไรที่เข้าใจยาก อืมม์ คงผิดที่ผมเองแหละ ที่ไม่ได้ ปูพื้นให้มากมายนัก เอาเป็นว่า 4-5 บทความต่อไปนี้ ผมจะกลับมาพูดเรื่อง Basic ที่มัน Simple Simple สุดๆ กันก่อนดีกว่า เพื่อที่จะได้เป็นแนวทางสำหรับ คนที่เพิ่งจะเริ่ม และเป็นการทบทวนความรู้ของตัวเองไปใน ตัว นั้นขอลอก จาก manual jQuery มาแปลไทยภาษาชาวบ้านๆ กันเลยละกัน 555+
รู้มั้ยครับ คุณสมบัติเด่นอีกอย่างนึงของ JavaScript คืออะไร "แดกแรม client" ใช่แล้วครับ มันชอบดูดแรมผู้ใช้งานไปเรื่อย โดนไม่คืนเสียด้วย แถมการ include JavaScript ที่เขียนเยอะๆ ไฟล์ใหญ่ๆ เข้าไปยังทำให้ page load ช้าอีก นอกเหนือจาก เทคนิค การ บีบอัดไฟล์ js แล้ว วันนี้ผมจะมาแนะนำ อีกเทคนิคนึงกัน นั่นคือ...
หลังจากไปงม(โข่ง) กับ symfony มาพักนึง สรุปว่า ยังไม่ได้อะไรเป็นชิ้นเป็นอัน ปวดหัวก็เลยหนีมาอัพเดท บล๊อกดีกว่า เดี๋ยว บรรดา jQueryTips Fans จะหนีหายไปซะหมด (แค่ก็ยังขี้เกียจเรื่องไรมีสาระมากๆอยู่ดี (-*-) เอาเป็นว่าวันนี้จะมาแนะนำคร่าวๆ เกี่ยวกับ jQuery UI ดีกว่าไม่เปลืองแรง เปลืองสมองนัก