在网站中使用拖放功能?

时间:2010-10-16 16:08:44

标签: java ajax

由于我现在想开发更好的webapps,然后是我目前创建的基本php和javascript,我想知道web开发者如何创建我过去几年使用过的一些令人惊叹的网站。

例如,在我访问的某些网站上,他们可以将项目从调色板拖放到网页上。我主要考虑的是我见过的一些在线图表工具。他们是如何做到的,因为我目前感到困惑。

我想开始创建这些类型的网站,目前我不知道如何继续。我首先要创建一些小型测试人员网站,只允许非常基本的拖放使用。

如果有人能指出我有正确方向的链接到具有此功能的教程或图书馆,那么我将非常感激。

干杯。

5 个答案:

答案 0 :(得分:3)

可以使用jquery UI

完成

Draggable

Droppable

答案 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)

jQuery很容易学习(但我不是100%肯定它会做DnD)。我个人喜欢MochiKit,它具有出色的拖放功能,Dojo也非常好(并且有一些奇特的小部件)。

答案 4 :(得分:1)

我认为你应该考虑GWT中的开发,它基本上是一个基于Java的Javascript包装器。它有很多社区支持,并且可以以库的形式提供完整的拖放支持 - http://code.google.com/p/gwt-dnd/

由于GWT是用Java编写的,所以它并不是一个真正的新领域,但是Javascript,css,html的知识在构建强大的GWT应用程序方面有很长的路要走。此外,它允许您像在Java代码中一样在eclipse中调试代码。