เขียน jQuery ยังไงให้เป็นระเบียนดี

ไม่ได้เขียนบทความใน Blog นานแล้ว งานเยอะพอสมควรเลย วันนี้ว่างๆ มานั่งเล่นนั่งทำงาน ที่ร้านกาแฟ Bug & Bee บรรยากาศก็ดีนะ สบายๆ ร้านนี้มีหลายสาขาแต่วันนี้ที่มานั่งก็ที่สาขา สีลม ครับ วันนี้ผมจะมาเสนอวิธีการเขียน jQuery แบบที่จะทำให้เวลากลับมาแก้ code นั้นสบายตาไม่ต้องมานั่งปวดหัวเวลาไล่ code นานๆ จริงๆแล้วน่าจะเรียกว่า style การเขียนของแต่ละคนมากกว่า การเขียน jQuery ส่วนมากผมจะนำมาใช้ในเรื่องพวกการดัก Event ต่างๆที่เกิดขึ้นเช่น onClick, onMouseOver เป็นต้น มาดู Style ผมกันบ้างครับเผื่อจะเป็นประโยชน์สำหรับเพื่อนๆกันบ้าง

An article by บริษัท เก้ายอดสตูดิโอ จำกัด

No Comments

Mar
23
2009

Tips

วิธีการเข้าถึง iframe ด้วย jQuery

เมื่อมีการทำงานผ่าน Iframe หลายๆคนก็คงจะเกิดปัญหาเดียวกันว่า จะทำอย่างไรถึงจะสามารถ ควบคุม หรือ ดึงค่า เช็คค่าต่างๆ จาก iframe ที่เราเรียกมาได้ แต่ขอเน้นอย่างหนึ่งนะครับ การเข้าถึงหรือ access iframe นั้น ถ้าหากว่า iframe นั้นถูกเรียกมาจาก ต่าง Domain name กันจะเกิดปัญหาด้านความปลอดภัย เราจะไม่สามารถ ดึงข้อมูลหรือกระทำอะไรกับ iframe ที่เราต้องการได้เลยครับ ดังนั้น ถ้าจะใช้วิธีนี้ เราจะต้องใช้ iframe ที่อยู่ภายใต้ Domain name เดียวกัน ตัวอย่าง Code HTML : <iframe id=”myIframe” src=”myContent.html” width=”400″ ></iframe> ตัวอย่าง Code HTML ใน File myContent.html : <html> <body> <div id=”myName”> My Name is jQuery.in.th</div> </body> </html>

An article by บริษัท เก้ายอดสตูดิโอ จำกัด

No Comments

Mar
23
2009

Tips

การใช้งาน jQuery ร่วมกับ Other Libraries

เนื่องจาก JavaScript Library (jQuery, Prototype, MooTools, YUI or etc.) ต่างก็มี shortcut function คือ $-function เหมือนกัน จะทำอย่างไรละครับทีนี้ถ้าเราจะใช้ Libraries อื่นๆ ร่วมกับ jQuery 1. กรณีที่ โหลดตัว jQuery ตามหลัง Other Libraries กรณีนี้เราจะต้อง overriding $-function โดยการเรียก jQuery.noConflict() และตำแหน่งที่เรียก jQuery.noConflict() จะนำไปไว้ตรงไหนก็ได้แต่จะต้องวางไว้หลัง jQuery และ Other Libraries ทำการโหลด ส่วน shortcut function ของ jQuery คุณสามารถใช้ jQuery แทน $ และ shortcut function ของ Other Libraries ก็ให้ใช้ $ เหมือนเดิม ตัวอย่าง 1.1 <html> <head> <script src=”jquery.js”></script> <script src=”prototype.js”></script> <script type=”text/javascript”> jQuery.noConflict(); // Use jQuery via jQuery(…) jQuery(document).ready(function(){ [...]

An article by Pachai Leknettip

No Comments