adkdev // Just another web development blog


Archive for JavaScript

Prototype 1.6 release

Prototype 1.6 ออกมาแล้ว (ขอลงข่าวหน่อยละกันนะ) ซึ่งที่ออกมานี้เป็นการ upgrade ครั้งใหญ่ (เขาว่างั้น)่ ดูข้อมูลการ updates ได้ โดยเพิ่มสรรพคุณไปมากพอควร มากกว่าเดิมเท่าไหร่ อันนี้ไม่ทราบ (จะเขียนทำไมเนี่ย) แต่เอาเป็นว่าออกมาแล้วละกันครับ Prototype 1.6 ไปดาวโหลดมาพิจารณากันได้ตามสะดวกครับ

หลายคนคงสงสัย ว่าทำไมผมเขียนถึง Prototype บ่อยจัง ก็เนื่องจากว่าของเขาดีจริงๆ คนใช้กันเยอะ (มั้ง) เว็บใหญ่ๆ เขาก็ใช้กัน ไม่เชื่อดูที่นี่ ไม่เชื่ออย่าลบหลู่ หุหุ

Ext JS 1.1 มาแว้ว

ไม่ได้เขียนตั้งนาน ลืมกันหรือยังหนอ (แต่คงไม่มีใครลืม เพราะไม่มีใครอยากรู้จัก - -”)

อาทิตย์ที่แล้ว ทีมงาน Ext JS ได้ออกเวอร์ชั่นใหม่มา เป็นเวอร์ชั่น 1.1 หลายคนคงจะรู้ไปแล้ว หรือบางคนก็อาจจะไม่รู้จัก ว่ามันคืออะไร ??

หากยังไม่รู้ว่า เจ้า Ext JS ทำอะไรได้มั่ง ก็ลองดู Ext JS 1.1 Online API docs ดูก็ได้ครับ ซึ่งนอกจากจะแสดงตัวอย่างที่ Ext JS ทำให้คุณได้ เห็นตัวอย่างแล้ว ถ้าอยากได้มาดู ก็ไม่ต้องห่วงครับ ในไฟล์ที่ดาวโหลดมา มีให้มาด้วย ไป Download กันเลย หากไม่รู้จะเริ่มยังไงดี เริ่มที่หน้าสอนของทางเว็บก็ได้ครับ ผมก็อยู่แถวนั้นอยู่ ยังไม่ได้ไปไหน -*-

Ext Documentation Center

ไฟล์ของ Ext JS เมื่อรวมๆ กันแล้วจะมีขนาดใหญ่ พอสมควร ซึ่งจะทำให้ใช้เวลาดาวโหลดเว็บเพจนานพอสมควร ลองใช้ วิธีการลดขนาดไฟล์ ที่ผมเคยนำเสนอไปลองใช้ดูก็ได้ครับ (โฆษณาหน่อย หุหุ) หรือใครมีวิธีอื่น ก็นำเสนอ มาได้ครับ

ในเวอร์ชั่น 1.1 สิ่งที่ผมชอบ HTML Editor ที่ใช้งานง่าย และมีขนาดเล็ก เพียงแค่ 12 KB เท่านั้น น่าใช้มั่กๆ

The HtmlEditor component in 1.1

ดูรายละเอียดแบบเต็มๆ ได้ที่ Blog ของทาง Ext JS ต่อนะครับ

Prototip - Tooltips for prototype

ก่อนหน้าผมเคยเขียนถึง Script.aculo.us - Effect.Tooltip คราวนี้ จากผู้จัดคนเดิม ได้ออกเวอร์ชั่นใหม่แล้ว เป็นเวอร์ชั่น 1.0.1 แถมมีชื่อใหม่ซะด้วย โดยมีชื่อว่า Prototip ซึ่งทำให้เราสามารถสร้าง Tooltips ได้อย่างง่ายดาย แต่ความสามารถไม่ได้เรียบง่าย ธรรมดา เหมือนวิธีการใช้นะ Prototip นี้ยังคงใช้ Prototype javascript framework และ Scriptaculous ในการสร้างสรรค์ผลงานเหมือนเดิม

สิ่งที่เพิ่มมาใน Prototip คือ Hooking (เจ้าของเขาเรียกอย่างงั้น) คือ ความสามารถที่ทำให้เรากำหนดทิศทางการแสดงผลของ Tooltips ได้ ว่าจะให้เด้งขึ้นมาทางไหน เช่น bottomRight TopLeft เป็นต้น ซึ่งในเว็บ Prototip เขามีตัวอย่าง ในส่วนของ Hooking ซึ่งดูแล้วเข้าใจง่ายมาก ส่วนการกำหนดระยะห่างของ Tooltips ยังคงมีเหมือนเดิม

อีกทั้งยังมีวิธีใช้งานอย่างละเอียด อีกด้วย และสามารถดาวโหลด SourceCode มาลองใช้ได้ ที่หน้าเดียวกันครับ

Prototip - Tooltips for prototype

Script.aculo.us Accordion

คุณ Kevin Miller ผู้จัดทำ LightWindows ได้ทำของเล่นออกมาให้เราๆ ได้ใช้กันอีกแล้ว งานนี้เป็น Script.aculo.us Accordion ซึ่งทำออกมาให้ใช้งานได้ทั้งแบบแนวตั้ง และ แนวนอน

ซึ่งแต่ก่อนนั้นทางทีมงาน Script.aculo.us ไม่ได้ทำออกมา (แต่ทำไม Mootools ทำหว่า Rico ก็ด้วย) คุณ Kevin ก็เลยจัดการทำมันซะเอง (ทำไมเก่งจัง)
ผมก็ไม่รู้จะให้คำจำกัดความของ Accordion ว่าอะไรดี ประมาณว่าคล้ายประตูเลื่อน หนะครับ เลื่อนไปมา ซ้าย-ขวา หรือ บน-ล่าง ลองไปใช้ดูละกันนะครับ ใครให้คำจำกัดความได้แบบถูกต้อง ช่วยบอกผมทีนะครับ

Script.aculo.us Accordion

LightWindow 2.0 ออกแล้ว

Kevin Miller ได้ออก LightWindow 2.0 ซึ่งเวอร์ชั่นใหม่นี้ได้เขียนฟังค์ชั่นเพิ่มเติมให้เราสามารถที่จะสร้าง theme และ animations ได้เองตามต้องการ

ความสามารถที่เพิ่มเข้ามามีอีกเยอะเหมือนกัน เช่น สามารถเรียกใช้ LightWindowได้จาก iframe, สร้าง LightWindow โดย Javascript, เลือก การ animations หลักได้, รองรับไฟล์หลากหลาย รวมทั้ง Flash และทำได้ดีกว่าเดิมจากที่เวอร์ชั่น 1.1 ทำได้ดีอยู่แล้ว, การทำ gallery สามารถเรียกใช้ไฟล์ รูปภาพ กับ Flash ร่วมกันได้ และอีกหลายอย่าง…

เอาเป็นว่าลองไปดู Demo ได้ที่เว็บผู้จัดทำละกันนะครับ

LightWindow 2.0




Home Contact me! RSS