由于我现在想开发更好的webapps,然后是我目前创建的基本php和javascript,我想知道web开发者如何创建我过去几年使用过的一些令人惊叹的网站。
例如,在我访问的某些网站上,他们可以将项目从调色板拖放到网页上。我主要考虑的是我见过的一些在线图表工具。他们是如何做到的,因为我目前感到困惑。
我想开始创建这些类型的网站,目前我不知道如何继续。我首先要创建一些小型测试人员网站,只允许非常基本的拖放使用。
如果有人能指出我有正确方向的链接到具有此功能的教程或图书馆,那么我将非常感激。
干杯。
答案 0 :(得分:3)
答案 1 :(得分:2)
实现拖放功能的最佳,最具前瞻性(在对浏览器更改和更新的免疫方面)方法是使用真正的富客户端(RIA)技术,如Adobe Flex,Silverlight或JavaFX。
答案 2 :(得分:1)
就简单的拖放而言,您可以使用调色板和根据拖放更改颜色的对话框执行类似操作。
我会推荐使用jQuery框架,因为它非常易于使用并且有一个很棒的API。
测试本身的步骤非常简单:
使用颜色调色板:[ ][ ][ ][ ][ ]
这些可以是表格单元格(<td>
),您可以点击并“拖动”。
您可以执行表格,当您单击其中一个表格时,可以使用jQuery获取背景颜色。当您实际点击<td>
时,请将颜色指定给变量。
您可以在拖动鼠标时创建一个半透明的<div>
。
在目标mouseup
(将改变颜色的那个)上设置<div>
侦听器,并让jQuery将<div>
的背景设置为变量中的颜色。
编辑:拖动某些内容时,“文字选择”会出现轻微问题。可以在此处找到修复程序:How to disable text selection highlighting using CSS?
答案 3 :(得分:1)
答案 4 :(得分:1)
我认为你应该考虑GWT中的开发,它基本上是一个基于Java的Javascript包装器。它有很多社区支持,并且可以以库的形式提供完整的拖放支持 - http://code.google.com/p/gwt-dnd/
由于GWT是用Java编写的,所以它并不是一个真正的新领域,但是Javascript,css,html的知识在构建强大的GWT应用程序方面有很长的路要走。此外,它允许您像在Java代码中一样在eclipse中调试代码。