adkdev // Just another web development blog


Archive for JavaScript

Script.aculo.us and Prototype.js Offline Docs

แปลกใจเหมือนกันว่าเหตุอันใด library สองตัวนี้ถึงไร้ซึ่งคู่มือให้ดาวโหลดกัน มีแต่แบบ online ซึ่งจะอ่านได้คุณต้อง ออนไลน์ เท่านั้น wiki.script.aculo.us สำหรับ Script.aculo.us และ www.prototypejs.org/api สำหรับ Prototype
ซึ่งบางทีกว่าจะค้นเจอ ก็เล่นเอาลำบากเหมือนกัน วันนี้เรามีฮีโร่ ออกมาช่วยเหลือเราแล้ว ที่เว็บ m3nt0rs weblog ได้จัดทำมาให้เราแล้ว

โดย มีให้มาถึง 3 เวอร์ชั่นสำหรับ Script.aculo.us และ อีก 1 สำหรับ Prototype.js ให้เราดาวโหลดมาไว้เป็นคู่มือในเครื่องได้เลย
เวลามีปัญหาคาใจ จะได้เปิดหาได้ง่ายขึ้น ดูรายละเอียดได้ที่บล็อกของเจ้าตัวครับ

ข้างล่างนี้เป็นลิงค์สำหรับดาวโหลด ไฟล์ที่ว่าครับ

Script.aculo.us

Prototype.js

Script.aculo.us - Effect.Tooltip

วันนี้ผมมี Javascript Effect มานำเสนออีกชิ้นหนึ่ง ชื่อว่า Effect.Tooltip ซึ่งใช้ Script.aculo.us เป็นฐาน ผู้เขียนคือ คุณ Nick Stakenburg ซึ่งวิธีการเรียกใช้ ก็จะคล้ายการเรียกใช้ effect ของ scriptaculous ทั้วไป

การจะใช้ effect ตัวนี้ต้องการ Prototype.js และ Script.aculo.us ซึ่งสามารถดาวโหลดได้จากลิงค์ แล้วก็ดาวโหลดไฟล์ Effect ครับ

วิธีการเรียกใช้ก็เป็นดังนี้ :
new Effect.Tooltip(element, content, {title : 'title', className: 'class', offset: {x:0, y:0}});

Read more »

COMET - ก้าวต่อไปของ AJAX

Ajax ทุกคนคงรู้จักกันมาบ้างแล้ว แต่ Comet คิดว่าน้อยคนนักที่จะรู้ รวมทั้งผมด้วย (หรือว่าคิดไปเองคนเดียวก็ไม่รู้)
วันก่อน manager ที่ออฟฟิส มาแนะนำเรื่อง Comet บอกว่าให้ลองไปถามอากู๋ ดู (กู๋เกิ้ล) เท่าที่ลองๆ หาดู ก็พอจะจับใจความได้ว่า

Comet เป็นเทคนิคอีกวิธีหนึ่ง ในการส่งข้อมูลจาก Server มาให้ Client แต่ต่างตรงที่ Comet จะส่งมาให้เอง โดยที่ Client ไม่ต้องส่ง request ไปให้ ต่างจาก Ajax เพราะตัว Ajax นั้นต้องมีการส่ง request ทุกครั้ง ถึงจะมีการส่งข้อมูลกลับมา ตัวอย่างเช่น ระบบเมล์ ที่มีการเจ้งจดหมายใหม่เข้า โดยตัว Server จะทำการเช็คเองเรื่อยๆ ว่ามี จดหมายใหม่เข้ามาหรือยัง (โดยที่ตัว Client ไม่ต้องถามเรื่อยๆ) เมื่อพบว่ามี จดหมายใหม่เข้ามา ก็จะส่งข้อมูลกลับมาเองว่ามีจดหมายเข้ามา

ตัวอย่างโปรเจ็ก ที่ใช้ Comet เช่น

Read more »

prototype.js 1.5.1.1 สำหรับ safari

ขณะนี้ทาง prototype.jsจาวาสคริปส์ ไลบราลียอดนิยม (สำหรับผม) ได้ออกเวอร์ชั่นใหม่แล้วเป็นเวอร์ชั่น 1.5.1.1 พร้อม bug fix release โดยเวอร์ชั่นนี้ออกมาเพื่อแก้บักสำหรับ safari โดยส่วนมาก

งานนี้ถ้าเป็นอย่างที่ ข่าวที่ว่า “Safari บนวินโดวส์…ก็เพื่อ iPhone และเงิน?” (ข่าวจาก blognone) ก็นับว่าประสบความสำเร็จไปขั้นหนึ่งแล้ว…*-*

เพิ่มความเร็วในการโหลด Javascript กับ CSS กันดีกว่า

ระยะเวลาในการโหลดหน้าเว็บเพจ เป็นสิ่งหนึ่งที่สำคัญในการพัฒนาเว็บ แต่ถ้าหากว่าหน้าเว็บเพจของเรามีความเร็วในการโหลดเร็วมาก ก็จะเป็นการดี
ขนาดของไฟล์นั้น ก็เป็นอีกปัจจัยหนึ่ง ที่มีผลต่อความเร็วในการโหลดหน้าเว็บเพจ ซึ่งถ้าหากว่าเราสามารถที่จะลดขนาดไฟล์ได้ ก็จะเป็นการดี และทำให้เว็บเพจของเราโหลดเร็วขึ้น ส่วนใหญ่เราจะนึกแต่ขนาดของรูปภาพ แต่ขนาดของไฟล์อื่น ก็สำคัญไม่แพ้กัน ไม่ว่าจะเป็น php, javascript, css ฯลฯ

และวิธีการลดขนาดไฟล์นั้นก็มีหลายวิธี วันนี้ผมมีอีก หนึ่ง ในหลายๆ วิธีมานำเสนอ (*-*)
พระเอกในงานนี้ก็คือ Combine 0.5 ไฟล์ php จากดาวนาเม็ก

ขั้นตอนการทำงาน คือ ใช้ไฟล์ php ในการอ่านไฟล์และ ทำการบีบอัดแล้ว เก็บไฟล์นั้นไว้ใน cache จากหลายๆ ไฟล์ ก็จะเหลือแค่ไฟล์เดียว และที่สำคัญ ใช้ได้ทั้ง javascript และ css (หรือไฟล์อื่นๆ อีก)

Read more »




Home Contact me! RSS