Drag and Drop Element doesn't Drop?

Hello & Thanks,
My Drag and Drop Element doesn’t Drop:
Can someone please show me my error ?

    margin: 0px;
    pdding: 0px;	
 .dragzone, .dropzone {
    height: 400px;
    width: 40%;
    border: 2px solid black;	
	float: left;
	margin-top: 10px;
	margin-left: 7%;
var id; 
var ev;
function allowDrop(ev)

function dragStart(ev)
    function showMeFunction() {}; 
//	alert(id);

function drop(ev)

function showMeFunction() {
  var x = document.getElementsByClassName("showMeStyle")[0].className;
  var y = document.getElementById("showMe").className;
  document.getElementById("showMe").innerHTML = "Using getElementsByClassName: " + x + "<br>" + "Using getElementById: " + y;

<div id="showMe" class="showMeStyle">Show Me</div>
<div class="dragzone"> 
<img src="smiley.gif" id="dragelement" 
                height="50px" ondragstart="dragStart(event)">
<div class="dropzone" ondragover="allowDrop(event)">


Thank you very much !

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.