2010-10-16 41 views
5

因为我现在想开发更好的webapps,所以我目前创建的基本php和javascript的,我想知道web开发人员如何创建一些我在过去几年使用过的令人惊叹的网站。在网站中使用拖放?

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

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

如果任何人都可以指向我在正确的方向链接到教程或图书馆有这个功能,那么我将非常感激。

干杯。

+1

你知道如果你发现其中一个答案是令人满意的,你应该选择它作为最佳答案(即使它不是我的);) – 2010-10-16 23:22:18

+2

为什么倒票,不只是在我的问题上,而是在urm every1上? – Elliott 2010-10-19 15:39:50

+1

有人遇到过垃圾邮件。 – 2010-10-19 16:21:24

回答

1

只要简单的拖放操作就可以做到像你说的那样使用调色板和基于拖放改变颜色的对话框。

我会推荐jQuery框架,因为它非常易于使用,并有很好的API

其试验的步骤非常简单:

有颜色的调色板:[ ][ ][ ][ ][ ]这些可以是表格单元格(<td>),您可以点击并“拖拽”。

你可以做表格,当你点击其中一个表格时,使用jQuery来获取背景颜色。当您实际点击<td>时,将颜色分配给一个变量。

您可以在鼠标拖动时创建一个半透明的<div>

在目标<div>(可以更改颜色的目标)上设置一个mouseup侦听器,并让jQuery将<div>的背景设置为变量中的颜色。

编辑:当您拖动某些东西时,会出现“文本选择”的小问题。一个修复可以在这里找到:How to disable text selection highlighting using CSS?

+1

我看到有人建议jQuery UI这很棒,但如果你想了解这种类型的活动,我相信你正在寻找什么,你应该考虑一个更低级别的库,甚至纯粹的JavaScript的。 – 2010-10-16 16:32:06

+0

如何说出我的建议有什么问题,而不仅仅是给出负面的反馈。 – 2010-10-18 10:24:14

1

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

2

最好的,最经得起未来考验(到浏览器的变化和更新免疫力方面)来实现拖动的方式来完成/拖放功能是使用真正的富客户端(RIA)技术,如Adobe Flex,Silverlight或JavaFX。

+0

GWT也可以包含在该列表中 – crowne 2010-10-18 20:29:01

+0

GWT仍然是Javascript,易受浏览器标准影响。 – Sid 2010-10-19 09:29:49

1

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

因为GWT是用Java编码的,所以它不是一个真正的新领域, css,html在构建健壮的GWT应用程序方面走了很长的路。此外,它允许您像Eclipse代码一样在eclipse中调试代码。