Mover v2

gibney.org : Technology : Javascript : Bookmarklets : Mover v2

(Entry Nr. 466, by user 84 | edit)

if ('undefined'==typeof(ge_included))
{
 ge_included_left2load=0;
 ge_included=new Object();
 ge_included["http://javascript.gibney.org/standards.js"]=true;

function ge_require_once(src)
 {
  if(ge_included[src]) return;

ge_included_left2load++;

function startMain()
 {
  if (ge_included_left2load==0) main();
  else setTimeout("startMain()",250);
 }
}

ge_require_once('http://javascript.gibney.org/dynamic_html_elements.js');

function ge_Mover()
{
 var DragObject = null;
 var OffsetX    = null;
 var OffsetY    = null;

this.onmousedown=function(e)
 {
  // if (e) e.stopPropagation();
  if (e) e.preventDefault();
  if (!e) e=window.event; // bei IE in dieser Objekteigenschaft zu finden

this.DragObject      = isDOM ? e.originalTarget : event.srcElement;

position=this.DragObject.style.position;
  if (!position) this.DragObject.style.position = "relative";
		
  x=parseInt(this.DragObject.style.left);
  y=parseInt(this.DragObject.style.top);
		
  if (isNaN(x)) x=0;
  if (isNaN(y)) y=0;
		
  this.OffsetX    = e.clientX-x;
  this.OffsetY    = e.clientY-y;
		
  DragStartX=e.clientX
  DragStartY=e.clientY

myself=this;
  document.onmousemove=function(e) {myself.onmousemove(e)};
  document.onmouseup=function(e) {myself.onmouseup(e);};

return false;
 }
	
 this.onmousemove=function(e)
 {
  if (e) e.stopPropagation();
  if (!e) e=window.event; // bei IE in dieser Objekteigenschaft zu finden
  console.log(e);
  if ((e.shiftKey) || (e.modifiers && e.modifiers==4)) // shift key
  {

}
  else
  {
   this.DragObject.style.left = e.clientX-this.OffsetX;
   this.DragObject.style.top  = e.clientY-this.OffsetY;
  }

return false;
 }
	
 this.onmouseup=function(e)
 {
  document.onmousemove = null;
  document.onmouseup   = null;
  
  current_id = this.DragObject.id;

console.log(current_id);
  console.log(e);
  this.DragObject   = null;

return false;
 }
	
 this.onclick=function(e)
 {
  if (e) e.stopPropagation();
  if (!e)	e=window.event;		// bei IE in dieser Objekteigenschaft zu finden
  return (DragStartX==e.clientX&&DragStartY==e.clientY);		// Nur bei Klick ohne Drag wird ein Anchor ausgeführt 
 }

this.activate=function()
 {
  myself=this;
  document.onmousedown=function(e) {myself.onmousedown(e)};
  document.onclick=function(e) {return myself.onclick(e)};
  document.ondrag =function(e){ if (e) e.preventDefault(); return false; };
 }

this.deactivate=function()
 {
  document.onmousedown=null;
  document.onclick=null;
 }
}

function main()
{
 if ("undefined"!=typeof(ge_bookmarklet_include_mode)) return;

Mover=new ge_Mover();
 Mover.activate(); 
 
 message=createDiv('cm1',10,10,'<table style="background-color:#ffffff;border:1px solid #000000;color:#000000;"><tr><td style="padding: 0.5em;"><a href="http://en.gibney.org/bookmarklets/" target=_blank><img src="http://en.gibney.org/elements/images/mg-sign.gif" style="border: 0;"></a></td><td style="padding: 0.5em;"><b style="color: #008000;">The Mover</b> V2 is active.<br>You can drag and drop anything now!</td></tr></table>');
 message.style.zIndex=9999;
}

var isDOM=document.getElementById&&!document.all;

startMain();

Create a new entry at this position