Pinyo's Programming and Software Notes

Friday, March 16, 2007

Yahoo! UI Library
(Mar 16, 2007)

การสร้างเว็บอินเตอร์เฟซบางอย่างเป็นเรื่องที่ค่อนข้างซับซ้อน โดยเฉพาะ tree และ menu bar แต่เรื่องทุกอย่างก็อาจจะง่ายขึ้นถ้าหากเรารู้จักใช้ไลบรารี ที่เค้าผลิดมาไว้ให้แล้ว และในที่นี้จะขอพูดถึง Yahoo! UI Library

ไลบรารีอันนี้มีของให้เลือกใช้เยอะมาก ยิ่งไปกว่านั้นมันยังมีลิขสิทธิ์แบบ BSD ซึ่งถือว่าเป็นแบบที่เปิดกว้างมาก เราสามารถเอาไปใช้ได้โดยไม่ต้องห่วงเรื่องข้อจำกัดการใช้มากนัก ส่วนในบทความนี้จะขอเขียนบางอย่างไว้กันลืม ซึ่งก็คือลักษณะทั่วๆไปของการใช้งาน

ในคอมโพเนนต์ส่วนใหญ่ที่มีอยู่ในไลบรารีจะต้องถูกประการ id และ class เช่น
แต่นั่นยังไม่สามารถทำให้มันปรากฎออกมาได้จริง เพราะจะต้องมีโค้ดจาวาสคริปต์มาทำการสร้างและเรียกใช้มันขึ้นมาจริงๆเสียก่อน และขั้นตอนนี้จะขาดไปไม่ได้เลย ซึ่งก็ขอให้ดูจากตัวอย่างที่ทาง Yahoo! ให้มา โดยจาวาสคริปต์ที่ว่าจะอยู่ตรงต้นๆไฟล์ตามปรกติ

นอกจากนี้ยังอยากให้สังเกตด้วยว่า id ที่ประกาศที่จริงก็เหมือนกับชื่อตัวแปร ดังนั้นจะซ้ำกันไม่ได้ เป็นต้นว่า ถ้าหากเราต้องการแสดงต้นไม้สองต้น เราก็ต้องประกาศ id ต้นไม้ทั้งสองให้ต่างกันไปเลย และ id นี่แหละที่จะต้องถูกนำไปใส่อยู่ในจาวาสคริปต์เพื่อให้การแสดงคอมโพเนนต์สามารถทำได้โดยสมบูรณ์ และขอให้จำเพิ่มเติมด้วยว่าในกรณีที่คอมโพเนนต์ต่างๆมันไม่ปรากฏออกมาส่วนใหญ่ก็เพราะตั้งค่า id ซ้ำบ้างหรือลืมจัดจาวาสคริปต์สำหรับมัน

Labels: , , , ,