Управление перетаскиванием

<!DOCTYPE HTML> 
<html> 
<head> 
<style type="text/css"> 
#div1 
{float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;} 

#div2 
{float:left; width:200px; height:100px; margin:10px;padding:10px;border:1px solid #aaaaaa;} 

</style> 
<script> 

function allowDrop(ev) 
{ 
    ev.preventDefault(); 
} 

function drag(ev) 
{ 
    ev.dataTransfer.setData("Text",ev.target.id); 
} 

function drop(ev) 
{ 
    ev.preventDefault(); 
    var data=ev.dataTransfer.getData("Text"); 
    ev.target.appendChild(document.getElementById(data)); 
    document.getElementById(data).width="200" 
    document.getElementById(data).height="100" 
} 
</script> 
</head> 
<body> 
<form id="f1" name="form1" method="post"> 
    <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"> 
     <img src="smiley.png" draggable="true" ondragstart="drag(event)" id="drag1" width="88" height="31"></div> 
    <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 
    <input type="button" value="Clear" > 
</form> 
</body>

В этом коде, когда я бросаю изображение, мне нужно удалить изображение из div2, когда я нажимаю кнопку очистки. Как написать код javascript для этой проблемы. onclick для кода, который я должен написать. пожалуйста, помогите мнеУправление перетаскиванием

источник

2013-10-03 Bhargavi

B ahrgavi, Проверьте мой последний ответ. У этого есть код для ** улучшенной презентации **. –

Это довольно просто. Используйте следующие code-

<input type="button" value="Clear" onclick="document.getElementById('div2').innerHTML='';">

на месте зача-

<input type="button" value="Clear">

Для дальнейшего улучшения представления использовать следующие код-

<input type="button" value="Clear" onclick="if(document.getElementById('div2').innerHTML!='')document.getElementById('div1').innerHTML=document.getElementById('div2').innerHTML; document.getElementById('div2').innerHTML=''">

Давать здесь fiddle_solution

источник

2013-10-03 10:33:56

Привет, Раджеш. Большое спасибо. – Bhargavi

попробовать это: LINK

function allowDrop(ev) 
{ 
ev.preventDefault(); 
} 

function drag(ev) 
{ 
ev.dataTransfer.setData("Text",ev.target.id); 
} 

function drop(ev) 
{ 
ev.preventDefault(); 
var data=ev.dataTransfer.getData("Text"); 
ev.target.appendChild(document.getElementById(data)); 
}

источник

2013-10-03 08:18:10 Bip

привет спасибо за ур ответ. Я думаю, что ошибочно понимаю мой вопрос. в перетаскивании мне нужно очистить изображение, когда я перехожу на div2. скажите, пожалуйста, – Bhargavi

Управление перетаскиванием

ответ

Смежные вопросы