Video jQuery นี้มีเป็น Serise เลยครับผมไปเจอมาเลยเอามาฝาก น่าสนใจมากๆสำหรับผู้ที่กำลังเริ่มต้นกับ jQuery ครับ แต่อาจจะต้องฝึกการฟังภาษาอังกฤษนิดหนึ่งนะครับ แต่ก็คงไม่ยากเกินไปสำหรับเพื่อนๆ ช่วงนี้ Google จัดระบบ อันดับ ใหม่ทำให้ jQuery.in.th อันดับตกไปช่วงนี้จะพยายามขยันเขียนบทความให้ได้อ่านกันนะครับ Link VIDEO : คลิกที่นี่ครับ

สวัสดีครับเพื่อนๆ หลังจากที่ปิดเว็บ jQuery และได้ทำการติดตั้ง OS ใหม่จัดการเรื่อง DNS Server ตอนนี้เว็บ jQuery ก็กลับมาให้บริการเพื่อนๆได้เหมือนเดิมแล้วนะครับ ใครมีปัญหาในส่วนใหนหรือเข้าส่วนใหนไม่ได้ รบกวน Post แจ้งที่ Facebook ก่อนนะครับ Link : jQuery in Thailand on Facebook Fan Page

New feature ที่ 3 ใน jQuery 1.4 วิธีการกำหนด Event handlers ให้กับ Element ที่เราต้องการแบบรวดเดียวจบเลยครับ หรือแบบ Multiple event handlers โดยไม่ต้องมาเสียเวลามาเขียนให้มัน binding ทีละตัวครับ มาดู code กันเลยดีกว่า 1234567891011jQuery(’#foo).bind({     click: function() {         // do something     },     mouseover: function() {         // do something     },     mouseout: function() {         // do something     } }); จาก code ด้านบนเราจะเห็นได้ว่าเราสามารถที่จะ binding event [...]

มาถึง new feature ที่ 2 ของ jQuery 1.4 กันครับ อันนี้เป็นอีกความสามารถใหม่ใน version 1.4 นี้ครับ มาพูดถึงว่ามันทำงานกันเลยดีกว่าครับ prevUntil, nextUntil, parentsUntil นี้การทำงานของมันจะเป็นลักษณะการค้นหา Elements ที่เราต้องการแต่เราสามารถระบุตำแหน่งที่ต้องการและทำแหน่งสิ้นสุดได้ครับ ดูได้จากตัวอย่างด้านล่างนี้ครับ 12345678<ul>     <li>Apple</li>     <li>Banana</li>     <li>Grape</li>     <li>Strawberry</li>     <li>Pear</li>     <li>Peach</li> </ul> จาก code ตัวอย่างด้านบนนี้ถ้าเราต้องการจะ เลือกเอาเฉพาะ element li ที่มีข้อความ Banana, Grape, Strawberry เพื่อที่จะกำหนดค่าให้เฉพาะที่เราเลือกนั้น เราสามารถที่จะใช้ความสามารถใหม่ของ jQuery 1.4 นี้ได้ดังตัวอย่าง code ด้านล่างนี้ครับ 123jQuery(’ul li:contains(Apple)’) .nextUntil(’:contains(Pear)’); // Selects Banana, Grape, Strawberry จาก code นี้เป็นการ select ค่าที่อยู่ระหว่าง Apple กับ Pear ดังนั้นค่าที่อยู่ระหว่างนี้เราสามารถที่จะกำหนดค่าให้กับมันได้ครับ [...]

การ Debug JavaScript และ jQuery  นั้นก็ทำได้หลายวิธีครับ นี่ก็เป็นอีกทางเลือกหนึ่งครับที่สามารถใช้งานได้เลยโดยไม่ต้องติดตั้งอะไรเลย แค่เราสามารถ ต่อ internet ได้ก็พอครับ สามารถที่จะเขียน code แบบ online และดูการแสดงผลได้ในหน้านั้นเลย โอ้มันเยี่ยมมากเลย อันนี้แหละที่ผมชอบมากที่สุดครับคือมันสามารถโหลด jQuery version ต่างๆที่เราจะทดสอบได้ ไม่ได้มีแค่ jQuery อย่างเดียวนะครับ ยังมี framework อื่นๆอีกเช่น YUI, jQuery UI, protype เยี่ยมมากๆลองไปเล่นกันดูนะครับ Link : http://jsbin.com

เมื่อวานตอนดึกๆได้ลองๆหาวิธีการ Debug code ของ jQuery แบบต่างๆก็ไปเจอกับ link หนึ่งที่น่าสนใจครับเป็นการ debug ที่ทำงานร่วมกับ firebug ซึ่งหลายๆคนก็คงใช้กันอยู่ นี่ก็เป็นอีก style หนึ่งครับในการ debug code jquery ผมว่ามันน่าสนใจเลยทีเดียว เลยเอามาแชร์ให้ให้ได้อ่านกันครับ อ่อเป็นภาษาอังกฤษนะครับ ใครสนใจก็ลองเข้าไปอ่านที่นี่ได้เลยครับ ที่มา  : http://msdn.microsoft.com/en-us/scriptjunkie/ee819093.aspx

เอาละวันนี้เริ่มต้นด้วย Features แรกกันเลยละกันครับ จากทั้งหมด 15 features ใน jQuery 1.4 แต่ก่อนนั้นเวลาที่เราจะเปลี่ยนแปลงค่า Attributes ด้วย jQuery นั้นเราจะใช้ function attr ในการเปลี่ยนแปลงค่าหรือเพิ่มเข้าไปใหม่ เช่น 1  $("input").attr( "value", "Hello World!!!" ); หรือถ้าเราจะเปลี่ยน Link ใน Tag A แต่ก่อนเราก็เขียนแบบนี้ครับ 1  $("a").attr("href","http://www.jquery.com"); แต่ในความสามารถใหม่ของเวอร์ชั่น 1.4 นี้เราสามารถที่จะเพิ่ม Attributes เข้าไปได้ทีเดียว รวมไปถึงสามารถกำหนด Event ไปด้วยเลยก็ได้ ลองดูจากตัวอย่าง code ด้านล่างนี้จะเข้าใจง่ายกว่าครับ ตัวอย่างนี้เป็นการกำหนดค่าให้กับ Tag a 1234567jQuery(’<a />’, {     id: ‘foo’,     href: ‘http://google.com’,     title: ‘Become a Googler’,     rel: ‘external’,     text: ‘Go to Google!’ });

หลังจากที่ jQuery 1.4 ออกมาได้สักพักก็ถึงเวลาที่จะแนะนำอะไรใหม่ๆใน เวอร์ชั่นนี้กันสักทีครับ ในบทความนี้ผมขอเขียนหัวข้อไว้ก่อนนะครับว่ามีอะไรใหม่ๆบ้าง ในบทความต่อๆไปจะแนะนำ Features ใหม่ๆทั้ง 15 features ของ jQuery 1.4 ให้ได้อ่านกันทีละ features นะครับ ช่วงเดือนสองเดือนที่ผ่านมางานยุ่งกันพอสมควรเลยครับ เลยไม่ค่อยได้ update blog กันเลยต้องขออภัยแฟนๆใว้นะที่นี้ด้วยนะครับ :)

หลายคนถามหาวิธีการ Upload รูปแล้วสามารถเห็นรูป Preview ก่อนได้ วันนี้เรามีวิธีการทำมาแนะนำ ดูได้ตามลิงค์ด้านล่างเลยครับ Website: http://www.zurb.com/playground/ajax_upload Demo : http://www.zurb.com/playground/ajax_upload

มาดูวิธีการแก้ปัญหาเรื่องของ Cross domain กันครับคิดว่าหลายคนคงเคยเจอ URL : http://net.tutsplus.com