Howto createing a plugin for jQuery. วันนี้มาดูวิธีการสร้าง Plugin สำหรับ jQuery แบบง่ายๆกันนะครับ หลายๆคนก็คงเคยโหลด Plugin ของ Developer คนอื่นๆมาใช้กันบ้างแล้ว แล้วถ้าเราจะทำใช้เองบ้างละ บอกได้คำเดียวครับ ง่ายมากๆ มาลองกันเลย ผมจะทดลองเขียน Plugin สำหรับการกำหนด Style Sheet ( css ) ให้กับ Tag ใดๆที่เราต้องการนะครับ คือจะทำการเปลี่ยน สี ทั้งหมดให้กับ DIV ที่เราต้องการจะเปลี่ยนนะครับ มาดู code กัน ตัวอย่างนี้เป็นการสร้าง Function แบบธรรมดาเพื่อนำมาเรียกใช้งาน ( ดู code ด้านล่างต่อเพื่อดูความแตกต่างของ code นะครับ ) 1234567891011function applyColors(elems) {     $(elems).css({         color: config.color,         backgroundColor: config.bgColor,         borderColor: config.bdColor     [...]

สวัสดี ปีใหม่อีกสักครั้งครับ อาจจะช้าไปหน่อย ^-^ วันนี้ก็ได้เวลาเพื่อหน้าตาของเว็บ jQuery in Thailamd ตามที่ได้แจ้งกันไว้นะครับ Theme ตัวนี้เป็นของฟรีอีกแล้วครับท่าน โหลดมาจากเว็บ  Site5.com ครับ  ให้เครติดกลับไปให้เจ้าของผู้พัฒนานิดหนึ่งครับ ต่อไปก็จะเป็น Webboard ครับที่จะเพิ่มต่อไป คงจะใช้เป็น SMF ครับน่าจะเสถียรดี เห็นหลายๆที่ใช้กัน กำลังหา Theme ที่มันเข้าๆกันครับ ยังไงก็รอกันนิดหนึ่งนะครับ

ปีนี้ตั้งเป้าไว้ว่า ปีใหม่ปีหน้านี้ ทางทีมงาน jQuery.in.th จะทำการปรับปรุง Design ของเว็บใหม่ พร้อมทั้งเพิ่ม forum.jquery.in.th เข้าไปด้วยเพื่อจะได้มีการแลกเปลี่ยนความรู้ ถกปัญหาในการใช้งาน jQuery ทั้งเรื่องของ Plugin jquery, Ajax jQuery, ปัญหาการใช้งานต่างๆ เตรียมพบกันปีหน้านี้ครับผม ^-^

ไม่ได้เขียนบทความมาซะนานเลย เนื่องจากงานเข้าครับ ท่วมหัวแต่เงินเท่าเดิมฮ่าๆ เห็นเมื่อวันที่ 18 ที่ผ่านมาทาง jQuery มีการ Release jQuery version Alpha ออกมาก็เลยนำมาบอกกว่ากันสักหน่อยครับ ส่วนความสามารถหรืออะไรใหม่ๆที่เปลี่ยนแปลงเดี๋ยวจะหาเวลามา update ให้ครับ ไปลอง Download มาใช้กันได้เลย http://blog.jquery.com/2009/12/18/jquery-14-alpha-2-released/

ลองนำไปใช้กันดูครับ เท่าทีี่ดู Code สั้นมากเลยครับ น่าสนใจเผื่อใครจะเอาไปประยุคใช้งานกับงานอื่นๆ http://www.rgdesign.org/portfolio/2009/jquery.ease.slide.menu.v1/

วันนี้มี wallpaper ของ jQuery มาให้แฟนๆ jQuery ได้ Download ไปประดับหน้าจอกันครับ มีประโยชน์นะครับจะบอกให้ Download : 1920×1200 | 1680×1050 | 1440×900 เครดิตจาก : http://www.gmtaz.com/index.php/jquery-13-cheatsheet-wallpaper/

Google Wave “a new tool for communication and collaboration on the web” เมื่อคืนนี้ทีมงาน Google ได้ส่ง code สำหรับสมัครทดลองใช้ Google Wave มาให้ครับ เลยยืนยันกับไป มาวันนี้ตอนเช้า ทีมงาน Google ก็ได้ส่ง password มาให้ ดีใจจังได้ลองอะไรใหม่ๆครับ อิอิ ชอบๆ วันนี้ไม่ได้เอาบทความมาลงก็เอารูปมาเรียก น้ำลายกันก่อนจะเปิดให้ใช้บริการกันจริงๆครับ ยังไม่มีเวลาลองเล่นเท่าไร เลยเอารูปมาให้ดูก่อนดีกว่า เดี๋ยวลองแล้วจะเอามาลงอีกที

วันนี้เรามาทำความรู้จักกับ Function ที่ชื่อว่า size() กันครับ ฟังชั่นนี้ เป็น Function ที่อยู่ใน core โปรแกรมของ jQuery อยู่แล้วนะครับสามารถเรียกใช้งานได้เลย การทำงานของมันจะคล้ายๆกันเราใช้ Function length() ของ javascript นะครับ ก็คือใช้ในการนับ ข้อมูลแบบ arrayเช่นตัวอย่าง code ด้านล่างนี้ครับ ใน code นี้จะมี Tag P อยู่สามตัวด้วยกัน ถ้าเป็นการแสดงผลแบบ Static แบบนี้คือมี Tag P คงตัวการระบุถึง Element ต่างๆก็คงไม่มีปัญหาครับ แต่ถ้าหากว่า เราทำการเพิ่ม Element P เข้าไปเรื่อยๆ ก็จะเกิดปัญหาในการระบุถึง Element ที่เร ต้องการจะจัดการ และก็ไม่รู้ด้วยว่าจะจัดการตัวใหน ดังนั้นเราจึงต้องมาหาว่าในนั้นมันมี Element P กี่ตัวกันแน่ โดยใช้ Function size() ง่ายๆครับ 12345<div id="myDiv">     <p>1</p>     <p>2</p>     <p>3</p> </div> จากตัวอย่างนี้เราสามารถทำการนับจำนวน Elements P ใน Element Div ได้ดังนี้ครับ [...]

มาดูการใช้งาน Function appendTo กันครับ appendTo นั้นความสามารถของมันคือเราสามารถที่จะ แทรก Tag หรือ elements อื่นๆเข้าไปใน elements ที่เราต้องการได้ เช่น 12345678<script>   $(document).ready(function(){          $(’span’).appendTo(’#foo’);   }); </script> <span>I am a Programmer.</span> <p id=’foo’>Hello,</p> จาก Code ด้านบน จะเห็นว่าจะมี Element อยู่สองตัวด้วยกันคือ SPAN กับ P ถ้าหากเรายังไม่ได้ใช้ appendTo นั้นการแสดงผลของ Element ทั้งสองจะเป็นแบบนี้ครับ 12<span>I am Programmer</span> <p>Hello,</p> และเมื่อเราใช้ appendTo แล้วมันจะเอา Element SPAN มาแทรกใน P แบบนี้ครับ 1   <p>Hello, <span>I am programmer</span> </p> จะเห็นว่าประโยชน์นี้ เราเอาไปใช้งานกับการ ทำงานแบบ ajax ได้เช่น ถ้านำไป update element ที่ต้องการ สามารถย้าย element ที่ต้องการไปใว้ใน [...]

การใช้งานของ Filter Last นั้นก็เหมือนๆกับ first เลยครับต่างกันตรงที่มันเอามาใช้ในการ select element สุดท้าย ครับ ตัวอย่างเช่นเรามี Table ที่มี TR จำนวน 3 Row ด้วยกัน เราจะทำการกำหนดสี background ให้กับ TR Row สุดท้ายในที่นี้ก็คือ Row 3 ให้มีสีเหลือง สามารถทำได้ดังนี้ครับ 123$(document).ready(function(){ $("tr:last").css({backgroundColor: ‘yellow’, fontWeight: ‘bolder’}); });