Posted by
Prototype Window Class:http://prototype-window.xilinus.com/
昨天亂逛到的一個AJAX Framework,主要訴求是希望讓Web開發者透過Prototype Window Class便可以輕鬆地在網頁上產生各式各樣的視窗(Window or Windows)。
比較吸引我的是Prototype Window Class的文件很完整,使用起來應該不會有太大困難,再加上Sample網頁有幾個範例很吸引我,像是登入視窗的特效,很簡單就可以做出類似HEMiDEMi或是Netvibes的登入效果,對我這種懶人而言,不需要多研究什麼東西就可以完成一件事情是多麼美好的事情!
(稍微翻譯一下它的首頁好了orz,沒什麼技術能力可以充實內容,只好靠英文字典了XD)
根據Prototype Window Class首頁的說法,它是以Prototype為基礎開發出來的,同時是「inspired by the powerful script.aclou.us」(這個說法很酷,之前有聽到script.aclou.us是Driven and Inspired by Ruby on Rails,這麼推演的話,RoR真的是非常偉大!),目前已經在Safari, Camino, Firefox以及IE6等瀏覽器上測試過。
首先在網頁上插入以下程式碼,最後一行是Themes的設定,要更換視窗風格只要修改此行即可:
[js] [/js]
接下來是進行宣告視窗的動作:
[js]
win = new Window('window_id', {className: "mac_os_x", title: "Sample", width:200, height:150});
win.getContent().innerHTML = "
Hello world !!
";
win.setDestroyOnClose();
win.showCenter(); [/js]
如果在官網上,程式碼下面就有Test it可以馬上看到效果,在此放張截圖:
你介紹的不錯, 感謝你