warning: Creating default object from empty value in /home/www/virtual/kiterminal.com/htdocs/blog/modules/taxonomy/taxonomy.pages.inc on line 33.

jQuery

แสดงการตอบสนองเมื่อ AJAX ทำงาน

ช่วงนี้ได้ลองเล่น AJAX ของ jQuery บ้างมันก็ใช้ง่ายดี (เมื่อก่อนใช้ Prototype กับ script.aculo.us)

เมื่อเราใช้ AJAX นั้น เราจะยังไม่เห็นผลของการทำงานทันที ดังนั้นจึงควรมีอะไรบางอย่าง ที่แสดงให้รู้ว่าขณะนี้กำลังทำงานอยู่ เช่น ข้อความ หรือ รูปภาพ และเมื่อทำงานเสร็จก็เอาออกไป ซึง jQuery ก็ได้เตรียม API ไว้ให้ใช้ คือ ajaxStart และ ajaxStop ดังตัวอย่างด้านล่าง

ใช้ jFeed จัดการข้อมูลที่มีรูปแบบ XML

สัปดาห์ที่ผ่านมานี้ ฝนตกบ่อยมาก ผมจึงเข้าไปเว็บไซต์ของกรมอุตุนิยมวิทยา แล้วก็ไปดูหน้าจังหวัดนครปฐม ผมสังเกตเห็นว่ามีบริการฟีด (Feed) ด้วย ผมก็คิดว่าถ้าดึงข้อมูลจากฟีดมาใช้ในเว็บของเราคงจะดี แล้วผมอยากรู้ว่า jQuery จะทำพาร์เซอร์ข้อมูลที่เป็น XML ได้มั้ยจึงค้นหาจาก Google แล้วก็พบ jFeed จึงได้ลองเอามาศึกษา แต่ผมพบว่าไม่สามารถฟีดข้อมูลจากกรมอุตุนิยมวิทยาได้ จึงลองแก้ปัญหาไปเรื่อยๆ จนรู้ว่า ไฟล์ proxy.php ที่ให้มานั้นใช้งานไม่ได้ (ที่มหาวิทยาลัย มีการใช้งาน proxy ด้วย) ดังนั้นผมจึงแก้ด้วยการพี่งพา HTTP_Request Package โดยติดตั้งด้วยคำสั่ง

Fade Image with jQuery

jQuery เป็น JavaScript Library ตัวหนึ่ง (ดู Library ตัวอื่น) ซึ่งจะเอามาใช้ทำสิ่งที่ต้องการ คือ การทำให้ภาพค่อยๆ ปรากฎขึ้นมา และค่อยๆ เลือนหายไป ดังตัวอย่างด้านล่างนี้