jQuery addClass example

Change class name on click in jQuery

by Sampath_Madhuranga

JavaScript

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

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

		function drop(ev) {
  			ev.preventDefault();
  			var data = ev.dataTransfer.getData("text");
  			var img1=document.getElementById(data),
  			    imgSrc=img1.getAttribute('src'),
  			    imgw=img1.getAttribute('width')
  			    imgh=img1.getAttribute('height'),
  			    imgX = ev.target.getAttribute('cx') - ev.target.getAttribute('r')+20;
  			    console.log(imgX);
         ev.target.parentElement.innerHTML += '<image xlink:href="' + imgSrc + '" x="' + imgX + '" y="0" width="' + imgw + 'px" height="' + imgh + 'px"/>';
         img1.parentNode.removeChild(img1);

  			//ev.target.appendChild(document.getElementById(data));
		}