2011-11-13 107 views
0

我有一个页面左侧的人员列表,该列表由PHP填充。拖放到文本框中

每个人都在他们自己的div(这可以改变,但我认为div可能更容易合作)。我希望能够将这些人中的任何一个拖到文本框中,从而将他们的姓名输入到该文本框中。

也让它更尴尬,我真的不想使用jQuery或原型。或其他任何真的。

编辑:
对不起,让我改的问题...
我将如何检查是否事情已经拖了一个文本框的顶部?我将如何获得该元素的ID?

我不知道什么是如何检查,如果事情已经拖了文本框的顶部(输入框,而不是文本区域,但是这是没有什么大问题。)
我知道永远不会有一个神奇的PARAM像onDragOnto=""但希望这会告诉你我的意思

回答

1

没有更多的细节,我不能提供更好的答案。

如何点击DIV元素,导致JavaScript事件被触发导致元素的文本被选中?然后,您可以将此文本拖放到多行textarea中。现在

,从编辑的信息:

你会注册您的每个DIV一个onmousedown事件的事件。

上的名字:

<div onmousedown="onMouseDown(event);" onmouseup="onMouseUp(event);">Jane</div> 

在文本区域/文本框:

<textarea onmouseover="return onMouseOver(event);"></textarea> 

而且脚本:

<script> 

function onMouseOver(evt) { 
    target = document.lastClicked; 
    if (target != null) { 
     window.alert(target.id); 
    } 
} 

function onMouseDown(evt) { 
    document.lastClicked = window.event.target; 
} 

function onMouseUp(evt) { 
    document.lastClicked = null; 
} 

</script> 

这是做事情非常粗暴的方式,但我希望这给你你正在寻找的原则。如果你想强制元素移动而不是仅仅使用文本拖放,那么事情会变得更加多毛。要处理这个问题,你需要使用CSS并修改坐标。

+0

对不起,让我重新思考这个问题。 如何检查是否有东西被拖到文本框的顶部?我将如何获得该元素的ID? – DugoutSoccer

+0

请编辑您的问题并在那里澄清,或在您的问题下方添加评论。它使其他人更容易看到它。我将编辑我的答案以匹配您的评论。 – user314104

+0

:)谢谢我实际上只是在你的评论之前做到了这一点:)但谢谢你的头。 在此先感谢您的回答,并对不起,我是新来这个网站,但还没有弄清楚这一点:] – DugoutSoccer