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 https://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 https://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 https://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 https://www.oxygenyoyo.com