Browsing articles in "คู่มือการใช้งาน jQuery ฉบับ ภาษา ไทย"
Jun
1
2010

jQuery 1.4 : Passing Attributes to jQuery

เอาละวันนี้เริ่มต้นด้วย 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!’ });

Mar
26
2010

AJAX Image Upload with Thumbnail Preview

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

Mar
24
2010

Cross Domain AJAX Request with YQL and jQuery

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

Jan
7
2010

Ajax and JSON ตอนที่ 1

ถ้าจะกล่าวถึง jQuery + Ajax แล้วละก็ที่ขาดไม่ได้เลยก็คือ JSON เพราะสามารถนำมาใช้งานได้สะดวกและง่าย เพราะข้อมูลที่เป็นรูปแบบ JSON นั้น Ajax สามารถที่จะเรียกข้อมูลนั้นๆออกมาเป็น Object ได้ JSON คืออะไร json นั้นย่อมาจากคำว่า ” JavaScript Object Notation ” จริงๆแล้วข้อมูลที่อยู่ในรูปแบบของ JSON นั้นก็คือ Text ธรรมดาๆครับ เพียงแต่ถูกจัดเรียงให้อยู่ในรูปแบบของ Object Array ถ้าอธิบายวิชาการไปเรื่อยๆนี่สงสัยจะงงกันแน่ๆ มาดูตัวอย่าง รูปแบบของ JSON เลยละกัน 12345678910111213141516{     "firstName": "John",     "lastName": "Smith",     "address": {         "streetAddress": "21 2nd Street",         "city": "New York",         "state": "NY",         "postalCode": [...]

Jan
7
2010

Animations with jQuery

เมื่อหลายวันก่อนเปิดหน้าเว็บ Google แล้วไปเจอลูก Apple ตกลงมา อ๋อวันเกิดของ นิวตัน นี่เอง แต่จากวันนั้นมีหลายคนถามครับว่า รูป Apple ที่ตกลงมานั้น เขาทำ Animation อย่างไรให้ภาพมันตกลงมาแล้วก็กระเด้งๆๆ วันนี้เปิดๆหาข้อมูลของ jQuery ก็ไปเจอเว็บหนึ่งครับ ที่ทำพวก Effect สำหรับทำ Animation ไว้เยอะพอดูเลยละ ลองเข้าไปทดสอบกันดูครับ มี Effect ให้เลือกใช้เยอะเลย ตัวอย่างการเรียกใช้งาน 1   $("#element").effect([speed, callback]); Demo : Click here Web site : http://net.tutsplus.com

Pages:«123456»