jQuery Archives - oxygenyoyo

[แปล] Style การเขียน jQuery ทำไมถึงสำคัญ

January 29, 2014adminGeneral, javascript, jQuery, Programming

หลายๆคนน่าจะรู้จักเจ้า framework javascript ตัวนี้กันอยู่แล้วเพราะช่วยในการเขียนโค้ดสั้นลงและง่ายแต่ เราควรจะรู้ต่อไปอีกว่าแบบไหนอย่างไรถึงจะเขียนได้ถูกต้องและรวดเร็ว การวางแผนการเขียนอย่างไร หากคุณใช้ๆอย่างเดียวนั้นตอนภายหลังมาแก้ไขจะยุ่งยากครับ วันนี้เจอบทความดีๆจึงอยากมาแนะนำกัน Plugin ส่วนใหญ่ที่ถูกสร้างจาก Programmer และ Designner ที่มาแชร์กับคนอื่นนั้น น่าเสียดายตรงที่ว่า หลายตัวคนเขียนไม่ได้ให้เวลากับการพิจารณากับโค้ดของคนอื่นๆว่าโค้ดตัวไหนมันทำงานดี และตัวไหนทำงานไม่ดี ขณะที่ Plugin ที่คุณสร้างคุณจะทำอย่างไรกับมันก็ได้ หวังว่าคุณจะพบกับคำแนะนำที่เป็นประโยชน์เมื่อคุณได้สร้าง Plugin ของคุณเองโดยบทความนี้จะมีหัวข้อดังนี้ a few “pro tips” Playing nice with others Elements of style in conclusion 1. a few “pro tips” เมื่อคุณเริ่มสร้าง Plugin ของคุณ มันมีทางเลือกว่าคุณจะสร้างโค้ดของคุณให้เป็นแนวทางที่ดีไม่ใช่แค่ว่าทำงานได้พอ ( หลายๆคนรวมถึงผมก็ทำแบบนี้ ) แต่ว่าคุณจะ maintain มันได้อย่างไร จำไว้ว่าการที่คุณทำให้ Plugin ของคุณมีประสิทธิภาพที่ดี website […]

[How to] jQuery Autocomplete custom

July 24, 2013adminjavascript, jQuery, Web programmingautocomplete, jQuery, jQuery ui

สำหรับใครที่ใช้ jQuery ui ไอ้ตัว autocomplete แล้วต้องการแก้ไขอะไรเพิ่มเติม วันนี้ผมจะมาเขียนแปะไว้เตือนตัวเองเพื่อว่าอนาคตได้ใช้อีกหรือคนที่มองหาวิธีทำคล้ายๆกันต้องการเพิ่มเติมก็สามารถทำได้ครับ ติดตามในบทความนี้เลย adminเป็นโปรแกรมเมอร์ที่ตามหาคุณค่าของชีวิตและความฝันในวัยเด็ก ชอบเล่นเกม เรียนรู้ทุกอย่าง ชอบเจอคนใหม่ๆ งานสังคมทุกชนิด ออกกำลังกายในวันว่าง อ่านหนังสือ มีเว็บรีวิวหนังสือด้วย www.readraide.in.th www.oxygenyoyo.com

[Pantip3G] Javascript ajax call error !!?

April 20, 2012adminAjax, General, javascript, jQuery, Web programming

วันนี้จะว่ากันถึงเรื่องตกม้าตายเรื่องหนึ่งในการทำงานของผมตอนที่เขียนโค้ด Pantip3G โดยมีปัญหาด้าน Ajax เรียกหน้า PHP แล้วจะรับค่าคืนมาเป็น JSON ซึ่งผมก็เขียนแบบง่ายโดยใช้ jQuery function $.post ซึ่งมันก็ง่ายๆไม่มีอะไรประเด็นคือไม่ได้ค่าอะไรกลับ … ลองจับ bug เองแล้วตอนแรกเข้าใจว่าอาจจะส่งค่า type ผิดเพราะถ้าเรากำหนดเป็น JSON แต่ว่าถ้าเราส่งกลับมาเป็น String มันจะไม่เห็นซึ่งอันนี้เป็นบทเรียนมาครั้งหนึ่งแล้ว :( โอเค … เช็คแล้วไม่เจอก็เลยไปลอง debug อีกแบบคือไป debug ที่หน้า PHP ว่ามันเกิดอะไรขึ้น ค่าที่ส่งกลับมานั้นเป็น JSON หรือไม่ หรือว่ารูปแบบที่จัดนั้นไม่ถูกต้องก็ลองไปปิดทีละบรรทัดดู ก็ปรากฎว่ามันรันได้ถ้าปิดทีละบรรทัด แต่ให้มันเป็น array ทั้งชุดแล้วส่งกลับมาเป็น JSON นั้นทำไม่ได้ เฮ้อ … ปวดกะบาล ทำไมฟ่ะ !!? ก็มีอีกกรณีคือผมใช้ function foreach ข้อมูลแล้วเก็บใส่ array ทีเดียวแล้ว echo […]

jQuery plugin ทำไง ภาค 2

January 3, 2012August 22, 2018adminGeneral, jQuery, Web programmingjQuery plugin ทำไง

กลับมาอีกครั้งสำหรับ jQuery plugin ภาค 2 ( สองๆๆๆๆๆๆๆ ) ถ้าใครยังไม่ได้ดูว่าตอนแรกทำอย่างไร ไปดูได้เลยจ้า jQuery plgin ทำไง ภาค 2 นี้ยังคงเป็นการสอนทำ plugin ที่เราต้องการให้มันใช้งานที่ง่ายขึ้นและมีความซับซ้อนขึ้น ( อ้าวแล้วเราจะทำให้มันซับซ้อนขึ้นทำไม ? ) คือ เมื่อเราทำ plugin มาแล้วก็ควรจะทำให้มันยืดหยุ่นสามารถปรับเปลี่ยนตัวแปรได้อิสระ คืออาจจะปรับได้เล็กน้อยไปถึงปรับได้มากโดยภาคนี้เราจะได้เรียนรู้ดังนี้ Defaults and Options Namespacing Plugin Methods Events Data adminเป็นโปรแกรมเมอร์ที่ตามหาคุณค่าของชีวิตและความฝันในวัยเด็ก ชอบเล่นเกม เรียนรู้ทุกอย่าง ชอบเจอคนใหม่ๆ งานสังคมทุกชนิด ออกกำลังกายในวันว่าง อ่านหนังสือ มีเว็บรีวิวหนังสือด้วย www.readraide.in.th www.oxygenyoyo.com

jQuery plugin ทำไง

December 8, 2011April 19, 2012adminGeneral, javascript, jQuery, Web programmingjQuery plugin

หลายๆคนนั้นพอเริ่มใช้ jQuery ไปซักพักแล้วก็จะเจอว่าเราเขียนอะไรซ้ำๆซากๆ เขียนเหมือนเดิม มันน่าจะมีอะไรที่มากกว่าฟังก์ชั่นและสามารถใช้ความสามารถ changing method หรือการที่เราทำอย่างนี้ $().slideUp().css().attr() การใช้ .method ต่อๆกันอย่างนี้เราเรียกว่า changing method ซึ่งเป็นจุดเด่นของ jQuery วันนี้จะมาสอนเอารอไรอ่านต่อกันโลด adminเป็นโปรแกรมเมอร์ที่ตามหาคุณค่าของชีวิตและความฝันในวัยเด็ก ชอบเล่นเกม เรียนรู้ทุกอย่าง ชอบเจอคนใหม่ๆ งานสังคมทุกชนิด ออกกำลังกายในวันว่าง อ่านหนังสือ มีเว็บรีวิวหนังสือด้วย www.readraide.in.th www.oxygenyoyo.com

jquery uploadify plugin !! อาวุธใหม่ของการ upload ไฟล์ !!

January 30, 2011March 20, 2011adminjavascript, jQueryajax upload, jQuery, jquery plugin upload, plugin, upload, uploadify

วันนี้ผมเรียนรู้เกี่ยวกับ plugin ตัวหนึ่งซึ่งอยากมาเขียนไว้เพื่อเป็นการแชร์ความรู้ ( อันน้อยนิด ) และอยากให้เพื่อนๆ และท่านผู้อ่านที่กำลัง มองหาเนื้อคู่ ( ประตูถัดไปอีกหลายห้อง ) ไม่ใช่แหละ ! มองหาตัว plugin เจ คิว รั่ว เฮ้ย ! รี่ ( jquery ) ตัวนี้เจ้านายผมแนะนำมาชื่อของมันคือ แท่น แทน แท๊นนนนนน Uploadify ตัวนี้นี่เอง ( เสียงคนพาก TV แชมป์เปี้ยน ) ว่าแล้วไปดูรายละเอียด เว็บไซร์ ของตัวนี้กันซักกะหน่อยนะจ๊ะ ค่อยๆคลิกกันเบาๆ ^^ => www.uploadify.com adminเป็นโปรแกรมเมอร์ที่ตามหาคุณค่าของชีวิตและความฝันในวัยเด็ก ชอบเล่นเกม เรียนรู้ทุกอย่าง ชอบเจอคนใหม่ๆ งานสังคมทุกชนิด ออกกำลังกายในวันว่าง อ่านหนังสือ มีเว็บรีวิวหนังสือด้วย www.readraide.in.th www.oxygenyoyo.com