Блог

Главная - Вопросы по программированию - php javascript перетаскивание

php javascript перетаскивание

#javascript #php #jquery #drag-and-drop

#javascript #php #jquery #перетаскивание

Вопрос:

Эй, ребята, у меня проблема с моим решением DnD.

Это работает хорошо до тех пор, пока я не напишу что-то в свою текстовую область.
Это означает, что если страница загружает данные из MySQL в область, в которой она работает, если я попытаюсь что-то написать в ней самостоятельно, это не сработает. Кто-нибудь знает, как я могу это исправить? чтобы я мог писать в своей Области и все равно что-то туда добавлять? Ниже важная часть скрипта, если вам нужно больше, чтобы понять, почему он не работает, дайте мне знать. Получил код для этого из:
http://www.dhtmlgoodies.com/index.html ?whichScript = перетаскивание-пользовательский

Создание предварительного просмотра изображения 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>

Ответ №1:

Хорошо, ребята, у меня есть решение… это так просто, что я даже не думал об этом…

его просто:

 .innerHTML

Для

 .value

В любом случае, спасибо 😉
Надеюсь, я мог бы помочь кому-то, у кого такая же проблема

Метки: