GAJAX Ajax Framework

GAjax คือ Ajax Framework และ Library ที่มีความสามารถในการทำงาน Cross Browser และความสามารถในการทำงาน ด้าน Ajax รวมถึงความสามารถการทำงานด้าน Effect พื้นฐาน ซึ่งส่วนใหญ่แล้ว จะเป็น Class หรือ ฟังก์ชั่นที่ผมใช้บ่อยๆ ในโปรเจ็คของผม

ความสามารถหลัก
1.Cross Browser เท่าที่ทดสอบแล้ว GAJAX ทำงานได้สมบูรณ์บน IE ตั้งแต่ 6 ขึ้นมา, Firefox ตั้งแต่ 2, Opera (ทดสอบในเวอร์ชั่น 9), Flock, Safari (for windows), Google Chrome
2.การทำงานด้าน AJAX การรับส่งค่าด่วย AJAX ทั้ง TIS-620 และ UTF-8 (แนะนำ UTF-8)
3.การทำงานด้าน Form การ Submit ค่าจาก Form ด้วย AJAX โดยที่ไม่ต้อง Reload หน้า การอัปโหลดผ่านฟอร์มด้วย AJAX
4.การทำงานด้าน Auto Refresh ด้วย Ajax
5.การสร้างเว็บไซต์ ด้วย AJAX (GLoader) ซึ่งสนับสนุนการใช้ ปุ่ม Back ของ Browser และความสามารถด้านการแทรก Javascript ภายในโค้ด (เหมือนการเขียนโค้ดตามปกติ แบบไม่ใช้ Ajax)
6.ส่วนเสริมฟังก์ชั่นเพิ่มเติมของ Javascript (Cross Browser)
7.Effect พื้นฐานที่ใช้บ่อยเช่น Scroll, Highlight หรือ Fade

GBrowser Class สำหรับ ตรวจสอบ ชนิดของ Browser
  • IE
  • Opera
  • WebKit
  • Gecko
  • MobileSafari
Object ส่วนขยายของ Class Object ของ Javascript ซึ่งประกอบด้วย ฟังก์ชั่นที่ใช้บ่อย หลายฟังก์ชั่น คือ
  • isObject
  • isFunction
  • isString
  • isNumber
  • isNull
  • isGElement
  • evalScript
GEvent Class สำหรับจัดการ event ของ DOM ระดับ 2
  • isLeftClick
  • isMiddleClick
  • isRightClick
  • element
  • keyCode
  • stop
GElement ส่วนขยายความสามารถของ DOM Element เพื่อการทำงาน Cross Browser
  • getDimensions
  • viewportOffset
  • getOffsetParent
  • getTop
  • getLeft
  • getWidth
  • getHeight
  • hide
  • show
  • toggle
  • visible
  • center
  • getStyle
  • setStyle
  • addEvent
  • removeEvent
  • insert
  • copy
  • remove
  • get
  • set
GAjax หัวใจของ Frame Work นี้
  • send
  • inintLoading
  • abort
  • getRequestBody
  • autoupdate
GForm สำหรับการใช้งานฟอร์มด้วย Ajax หรือการอัปโหลดแบบไม่เปลี่ยนหน้า ด้วย Ajax
  • submit
  • inintLoading
GModal แสดงข้อความเตือนหรืออื่นๆกลางจอภาพบนพื้นหลังสีดำจางๆ
  • show
  • hide
GFade ทำ Effect แบบ FadeIn และ FadeOut
  • play
GHighlight ทำ Effect ด้วยการเปลี่ยนสีของ Element
  • play
GScroll ทำ Effect ด้วยการเลื่อน ข้อความหรือ Element เช่นการทำ Scroll Box หรือใช้ทดแทน marquee ที่ผ่านมาตรฐาน XHTML
  • play
HScroll, VScroll Scroller ในแนวตั้ง และ แนวนอน
  • play
GCrossFade Class สำหรับการทำ Slide Show อย่างง่ายๆ
  • play
  • pictures
preload class สำหรับการทำ preload รูปภาพ

นอกจากนี้ยังมี class ที่ สืบทอดมาจาก class พื้นฐานของ Javascript อีก เช่น

function
  • bind
Array
  • indexOf
String
  • hexToRgb แปลงค่าสี #FFFFFF เป็น rgb(255, 255, 255)
  • ToRgb แปลง ค่าสี rgb(string) กลับเป็นเลขฐาน 16 เช่น 'rgb(255, 255, 255)' เป็น #FFFFFF
  • entityify แปลงอักขระพิเศษ เช่น & < > เป็น html
  • unentityify แปลง html กลับเป็นอัักขระพิเศษ เช่น &amp; เป็น &
  • toJSON แปลงข้อความ string เป็น object JSON
document
  • getWidth
  • getHeight
  • viewport
    • getWidth
    • getHeight
    • getscrollTop
    • getscrollLeft
function $G() ฟังก์ชั่นสำหรับการเรียกใช้งาน GElement อย่างย่อๆ เหมือนกับการเรียกด้วย new GElement()
function $E() ฟังก์ชั่นสำหรับการเข้าถึงElement ของ DOM อย่างย่อๆ เหมือนกับการใช้ document.getElementById()

GLoader Class สำหรับการทำเว็บไซต์แบบ AJAX มีความสามารถในการจัดการทุกอย่างเกี่ยวกับ เว็บไซต์แบบ Ajax ภายใน Class เดียว ซึ่งเป็น Class สำคัญที่ผมใช้เป็นการในการออกแบบ GCMS สำหรับรายละเอียดต่างๆของ Class นี้ค่อนข้างซับซ้อน ผมจะไปในเสนอทีเดียวในบทความที่เกี่ยวกับ GCMS ครับ
 
GAJAX เวอร์ชั่นล่าสุดดาวน์โหลดได้ตามลิงค์ที่ผมใช้งานจริงเลยครับ (พบปัญหาการใช้งานให้ลองกลับมาดาวน์โหลดเวอร์ชั่นล่าสุดครับ)
เวอร์ชั่น บีบอัด สำหรับใช้งานจริง http://gcms.goragod.com/js/gajax.js
เวอร์ชั่น เต็ม สำหรับศึกษา https://www.goragod.com/ajax/gajax.js
ผู้เขียน goragod โพสต์เมื่อ 17 พ.ย. 2552 เปิดดู 21,806 ป้ายกำกับ GAJAXAJAXJavascript
^