【问题标题】:php javascript drag and dropphp javascript 拖放
【发布时间】: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


    【解决方案1】:

    好的,伙计们,我找到了解决方案...它就这么简单,我什至没有想过...

    它只是:

    .innerHTML 
    

    .value
    

    还是谢谢 ;) 希望我能帮助遇到同样问题的人

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多