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 ครับ