Wayne Wang
Wayne Wang
Programming language:Whatever
2021-07-22 05:58:28
0
Q:

droppable snap back

pHred
pHred
Code: Whatever
2021-03-27 16:11:05 
object.addEventListener("dragstart", myScript);
0
temporary_user_name
temporary_user_name
Code: Whatever
2021-03-27 16:07:57 
object.ondragstart = function(){myScript};
0
Bryan Jones
Bryan Jones
Code: Whatever
2021-09-17 17:37:36 
<element ondragstart="myScript">
0
Rahul Kharya
Rahul Kharya
Code: Whatever
2021-03-27 16:10:15 
  

<html>
<head>
<title>A Simple Page</title>
<script language="JavaScript">
var myarray = new Array("","","","","","","","","","");
for (x in myarray) 
{
    myarray[x] = "img" + x + ".gif";
}
alert(myarray);
</script>
</head>
<body>
</body>
</html>
0
Demy
Demy
Code: Whatever
2021-03-27 16:09:15 
<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title>HTML DOM ondrop Event</title> 
    <style> 
        .droptarget { 
            float: center; 
            width: 300px; 
            height: 50px; 
            margin: 20px; 
            padding: 5px; 
            border: 6px solid green; 
        } 
    </style> 
</head> 
  
<body> 
    <center> 
        <h1 style="color:green"> 
          GeeksforGeeks 
      </h1> 
        <h2>HTML DOM ondrop Event</h2> 
  
        <div class="droptarget" 
             ondrop="dropEle(event)" 
             ondragover="allowDropEle(event)"> 
  
            <p ondragstart="dragStartEle(event)"
               draggable="true" 
               id="dragtarget"> 
                Dragable element 
            </p> 
  
        </div> 
  
        <div class="droptarget" 
             ondrop="dropEle(event)" 
             ondragover="allowDropEle(event)"> 
        </div> 
  
        <p id="demo"></p> 
  
        <script> 
            function dragStartEle(event) { 
                event.dataTransfer.setData( 
                  "Text", event.target.id); 
                
                document.getElementById( 
                  "demo").innerHTML = "Dragging starts"; 
            } 
  
            function allowDropEle(event) { 
                event.preventDefault(); 
            } 
  
            function dropEle(event) { 
                event.preventDefault(); 
                var data =  
                    event.dataTransfer.getData("Text"); 
                
                event.target.appendChild( 
                  document.getElementById(data)); 
                
                document.getElementById("demo").innerHTML =  
                  "Element dropped"; 
            } 
        </script> 
    </center> 
  
</body> 
  
</html>
0

Related

New to Communities?

Join the community