/*
Copyright (C) 2001 John Weir www.smokinggun.com
This code is free for use. If possible include the copyright.
*/
//mouse cordinate positions
mX1 = mX2 = mY1 = mY2 = 0;
firstClick = true;
seconClick = false;
function mouseClick(e)
{
if (e) event = e;
mX = event.clientX;
mY = event.clientY;
if (firstClick)
{
mX1 = mX;
mY1 = mY;
secondClick = true;
firstClick = false;
crossHair.style.left = (mX1-10)+"px";
crossHair.style.top = (mY1-10)+"px";
crossHair.style.visibility = "visible";
}
else if (secondClick)
{
mX2 = mX;
mY2 = mY;
secondClick = false;
firstClick = true;
crossHair.style.visibility = "hidden";
createImage();
}
}
function createImage()
{
newImage = document.createElement("img");
newImage.src = "line.php?x1="+mX1+"&x2="+mX2+"&y1="+mY1+"&y2="+mY2;
m = (mX1-mX2)/(mY1-mY2);
if (mX2 > mX1) newImage.style.left = mX1+"px";
else newImage.style.left = mX2+"px";
if (mY2 < mY1) newImage.style.top = mY2+"px";
else newImage.style.top = mY1+"px";
newImage.style.position = "absolute";
document.getElementById("bodyNode").appendChild(newImage);
}
function init()
{
// mac ie has a problem with onclick
document.onmouseup = mouseClick;
crossHair = document.getElementById("cHair");
// move the crosshair object to be a child of the document
document.getElementById("bodyNode").appendChild(crossHair);
windowOnload();
}
windowOnload = window.onload;
window.onload = init;
Click two points to draw a line.
Info
|
Source
