23
2009
วิธีการเข้าถึง 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 
23
2009
การใช้งาน 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(){ [...]
21
2009
What is jQuery ?
แน่นอนอยู่แล้วว่า ก่อนที่ใครจะศึกษาอะไร เอาก็ต้องมีคำถามในใจเหมือนกันทุกๆคนว่า ที่เราจะศึกษาเนี่ยมันคืออะไร? มันใช้ทำอะไร มีประโยชน์อย่างไร เท่าที่ผมได้ลองใช้ jQuery ในหลายๆงาน ทำให้รู้ถึงข้อดีหลายๆอย่างของ jQuery ผมก็จะมาเล่นสู่กันฟังก็แล้วกันครับ จะได้ดูไม่เครียด เข้าใจง่าย jQuery คืออะไร ? jQuery นั้นเป็น JavaScript Library ที่บรรจุเอา Function และ คำสั่งต่างๆ ที่จะทำให้เราๆท่านๆ ไม่ต้องมาเขียนเองใหม่ทั้งหมดตั้งแต่ต้น เราสามารถที่จะเขียน ajax ได้แบบง่ายๆเพียง code ไม่กี่บรรทัด หรือจะเขียน javascript เพื่อดัก Event (เหตุการณ์) ต่างๆที่เขาต้องการ เช่น การ click, rollover, mouse moved อื่นๆอีกมากหมาย ซึ่งถ้าเขียนเองทั้งหมดตั้งแต่ต้นละก็ รับลองได้เลย หลายบรรทัดแน่นอน เวลามาแก้ code ทีหลังนี่เล่นเอาปวดกระบานไปหลายวันเลยละ (จากประสพการณ์จริงเลย)
20
2009
การใช้งาน Effect show ขึ้นสูง (Advance)
ในเนื้อหานี้เราจะมาเรียนรู้วิธีการใช้งาน คำสั่ง show ของ jquery effect ในแบบ Advance กันบ้างนะครับ คำสั่ง Show() นั้นเราสามารถกำหนดทั้งความเร็ว ในการ show หรือจะให้มีการ call back กับมาเมื่อมีการทำงานเสร็จสิ้นแล้ว (call back คือการที่เราจะสามารถใส่ function อะไรเข้าไปเพิ่มเติมเพื่อให้โปรแกรม อีกโปรแกรมทำงานต่อ หลังจากโปรแกรมหลักทำงานเสร็จแล้ว) รูปแบบของคำสั่ง : show( speed , [callback] );
20
2009
การใช้งาน jQuery Effect Show
ก่อนอื่นต้องขออธิบายก่อนนะครับ ว่า Function show() ของ jQuery นี้ใช้ทำอะไรได้บ้าง มีประโยชน์อะไรบ้าง function show ของ jQuery นี้ใช้ในการเปลี่ยน ค่าของ style sheet ของ Tag นั้นๆที่เราต้องการจะ hide หรือ show โดย เมื่อใช้ คำสั่ง show นี้ ค่าใน css ที่เป็นค่า display นั้นถูกกำหนดให้เป็น display หรือถ้าหากใช้ คำสั่ง hide ก็จะถูกกำหนดค่าให้เป็น none และยังมีการใส่ Animation ให้ด้วย โอ้มันยอดมากเลย!! ตัวอย่าง : <div id=”myDIV” style=”background-color:red;display:none”> My DIV </div>
Tags
Facebook Development
Google+ Page
Categories
- HTML5 & CSS3 (8)
- jQuery 1.4 (9)
- jQuery 1.5 (6)
- .data (1)
- jQuery 1.6 (3)
- .data (1)
- jQuery 1.7 (4)
- Events (1)
- jQuery Mobile (3)
- jQuery UI (3)
- Mobile (1)
- News (8)
- Others (29)
- Plugin (16)
- The basics of jQuery (9)
- Tips (13)
- คู่มือการใช้งาน jQuery ฉบับ ภาษา ไทย (30)
- Ajax (4)
- Attributes (1)
- Core (1)
- Deferred (3)
- Effects (7)
- Events (3)
- Manipulation (2)
- Selectors (5)
- Traversing (2)
- Utilities (2)
Google Pagerank