2008年3月5日 星期三

由拖曳自訂個人網頁區塊

最常見的大概就是 iGoogleWindows Live,還有包括我目前服務的愛政大系統(樓下同仁的作品^^)。

這功能似乎是 web2.0 網站的風格特色之一,由於最近要製作老師樣板網頁,所以也來研究一下怎麼實做。


一開始找資料時,先是看到 .Net dragPanel 的作法-(指定TargetControlID),不過其實這不是我要的。

翻書完才看到應該是要用 Web Parts 的方式來實做,看完以下的教學相信就會知道怎麼做了
[video]Utilize Web Parts and Personalization?
[PDF]個人化網頁


透過 WebPartManager 核心控制項,設定為 Design 模式即可讓使用者在欲自訂的版面上排版。
以下是找資料時看到的,以後做其他東西或許有幫助。

延伸閱讀:
用Javascript 實做拖、拉、放這個自由拖曳的範例,還有貼齊的效果

JavaScript: DHTML API,Drag & Drop for Images and Layers
後面這個除了自由拖曳,還可以按 shift 來縮放圖片元件,是蠻有趣的應用

沒有留言: