【发布时间】:2014-06-24 21:48:34
【问题描述】:
大家好,我的 DnD 解决方案有问题。
只要我不在我的 textarea 中写入东西,它就可以很好地工作。
这意味着如果页面正在将数据从 MySQL 加载到它可以工作的区域,如果我尝试自己在其中写入东西,它不会.
有人知道我该如何解决这个问题吗?这样我就可以写到我的区域并且仍然在那里放一些东西?
如果您需要更多了解它为什么不起作用,请在脚本的重要部分下方告诉我。
从以下地址获取代码:
http://www.dhtmlgoodies.com/index.html?whichScript=drag-drop-custom
生成 Dragabele 图片预览:
$dir = "../../images";
$handle=opendir ($dir);
while (($file = readdir ($handle)) !== false) {
if ( filetype( $dir.'/'.$file) == "file"
AND ((substr( $file, -4) == ".jpg")
|| (substr( $file, -4) == ".png")
|| (substr( $file, -4) == ".gif"))){
echo " <div id='".$file."' style='float: left; width:120px; height:125px; border-width:1px; border-style:solid; border-color:black;'>
<img src=".$dir."/".$file." width=110 style='height: 110px;'>
$file
</div>";
echo " <script type='text/javascript'>
dragDropObj.addSource('".$file."',true);
</script>";
}
}
closedir($handle);
现在我使用以下 Javascript 将它们放入文本区域:
<script type="text/javascript">
function dropImg1(idOfDraggedItem,targetId,x,y){
var html = document.getElementById('text_kurz').innerHTML;
if(html.length>0)html = html + ' ';
html = html + '<img src="/images/' + idOfDraggedItem+'">';
document.getElementById('text_kurz').innerHTML = html;
}
function dropImg2(idOfDraggedItem,targetId,x,y){
var html = document.getElementById('text_lang').innerHTML;
if(html.length>0)html = html + ' ';
html = html + '<img src="/images/' + idOfDraggedItem+'">';
document.getElementById('text_lang').innerHTML = html;
}
function dropImg3(idOfDraggedItem,targetId,x,y){
var html = document.getElementById('nachwort').innerHTML;
if(html.length>0)html = html + ' ';
html = html + '<img src="/images/' + idOfDraggedItem+'">';
document.getElementById('nachwort').innerHTML = html;
}
var dragDropObj = new DHTMLgoodies_dragDrop();
</script>
【问题讨论】:
标签: javascript php jquery drag-and-drop