我想要構建一個工具（使用HTML5，JS和CSS3），它可以幫助客戶在網站模型（例如文本塊和圖片）上排列元素。我想保存這些元素的位置，以便稍後重建整個模型網站。在屏幕上排列元素並保存其位置
也許網格系統會是最好的？
alt text http://img.skitch.com/20090817-t4p54kbxw3rj58mkmqxspj4qch.png
我會很高興得到這個挑戰的方法的一些想法。有沒有類似的項目，我應該看看？
問候，
斯特凡
的jQuery框架將幫助你在同步JS和DHTML事件。至於其他使用這個的項目，我還沒有意識到，但網格模型似乎是一個很好的方法。只要確保它比目前的125px更精確:)
編輯：我在我的評論中提到的DHTML書中提到的網站是http://www.panic.com。您可以看看他們的JavaScript代碼以獲取靈感，因爲他們實現了用於下載其產品的拖放系統。
YUI有很多這個東西有很多的例子小部件。
http://developer.yahoo.com/yui/examples/dragdrop/index.html
特別是這個例子
http://developer.yahoo.com/yui/examples/dragdrop/dd-groups.html
所有你必須做登記在drop事件偵聽器發送一個Ajax請求到服務器並保存XY座標。
另外，如果你想要做的調整以及
http://developer.yahoo.com/yui/examples/resize/index.html
他們有一些非常靈巧的例子，包括這個圖像栽跟頭
http://developer.yahoo.com/yui/examples/imagecropper/feedback_crop.html
如果它會不知道幫助，但我的「PanelManager」可能會讓事情變得更容易一些（如果您還沒有使用具有類似功能的較大框架）：
「面板」只是普通DOM元素的擴展，用於常見操作/修改（移動，調整大小等）。面板可以存在於一個或多個「面板管理器」中，它們允許您將它們視爲一個單元（排序，循環等）。
查看「訂購拖放」示例，查看您正在查找的簡化示例（我認爲）。然後你需要做同樣的循環來保存你想要的任何信息（可能只是名字和位置）。
在任何情況下，您都可能會有一些代碼可以撕掉 - 隨意摺疊，旋轉和/或切割。
謝謝。這個數字只是Google的一個例子。 :-) – Stefan 2009-08-17 13:30:53
我有一本關於DHTML和CSS的書，下面是它的網站上列出的資源： http://www.designbygrid.com/ 本書還提到了一個具有DHTML拖放功能的製作網站，但目前我不記得它的名字。 – raptors 2009-08-17 13:55:57
快速搜索谷歌代碼項目也出現了這個可能對你有用的JS框架 - http://code.google.com/p/turbojs 另一個資源是這個框架（這個網站似乎有很多除了Zoidberg提及的YUI之外，您可能會使用的資源）：http://www.dhtmlgoodies.com/index.html?page=dragDrop – raptors 2009-08-17 14:03:31