MoMo121
دوشنبه 30 دی 1392, 15:46 عصر
باس لام خدمت دوستان
مشکل این کد چیه ؟ چرا div انتقال پیدا نمی کنه ؟
<!DOCTYPE html>
<html>
<head>
<style>
#dvdplayer{positiom:absolute;z-index:200;background:#eecc00}
</style>
<script language="javascript">
var offsetX;
var offsetY;
function MouseEvent(e)
{
if(e)
{
this.e = e;
}
else
{
this.e = window.event;
}
if(e.pageX)
{
this.x = e.pageX;
}
else
{
this.x = e.clientX;
}
if(e.pageY)
{
this.y = e.pageY;
}
else
{
this.y = e.clientY;
}
if(e.target)
{
this.target = e.target;
}
else
{
this.target = e.srcElement;
}
}
function addListener(type, callback)
{
if(document.addEventListener)
{
document.addEventListener(type, callback, false);
}
else if(document.attachEvent)
{
document.attachEvent("on" + type, callback, false);
}
}
function removeListener(type, callback)
{
if(document.removeEventListener)
{
document.removeEventListener(type, callback, false);
}
else if(document.detachEvent)
{
document.detachEvent("on" + type, callback, false);
}
}
function processMouseDown(e)
{
var e = new MouseEvent(e);
addListener("mousemove", processMouseMove);
addListener("mouseup", processMouseUp);
offsetX = e.x - parseInt(e.target.style.left);
offsetY = e.y - parseInt(e.target.style.top);
document.getElementById("targetDiv").innerHTML = "";
}
function processMouseMove(e)
{
var e = new MouseEvent(e);
var x = e.x;// - offsetX;
e.target.style.left = x + "px";
var y = e.y;// - offsetY;
e.target.style.top = y + "px";
}
function processMouseUp(e)
{
var e = new MouseEvent(e);
removeListener("mousemove", processMouseMove);
removeListener("mouseup", processMouseUp);
}
</script>
</head>
<body>
<div id="targetDiv"></div>
<div id="dvdplayer" style="left:180px; top:150; width:80px; height:80px;" onmousedown="processMouseDown(event);"></div>
</body>
</html>
مشکل این کد چیه ؟ چرا div انتقال پیدا نمی کنه ؟
<!DOCTYPE html>
<html>
<head>
<style>
#dvdplayer{positiom:absolute;z-index:200;background:#eecc00}
</style>
<script language="javascript">
var offsetX;
var offsetY;
function MouseEvent(e)
{
if(e)
{
this.e = e;
}
else
{
this.e = window.event;
}
if(e.pageX)
{
this.x = e.pageX;
}
else
{
this.x = e.clientX;
}
if(e.pageY)
{
this.y = e.pageY;
}
else
{
this.y = e.clientY;
}
if(e.target)
{
this.target = e.target;
}
else
{
this.target = e.srcElement;
}
}
function addListener(type, callback)
{
if(document.addEventListener)
{
document.addEventListener(type, callback, false);
}
else if(document.attachEvent)
{
document.attachEvent("on" + type, callback, false);
}
}
function removeListener(type, callback)
{
if(document.removeEventListener)
{
document.removeEventListener(type, callback, false);
}
else if(document.detachEvent)
{
document.detachEvent("on" + type, callback, false);
}
}
function processMouseDown(e)
{
var e = new MouseEvent(e);
addListener("mousemove", processMouseMove);
addListener("mouseup", processMouseUp);
offsetX = e.x - parseInt(e.target.style.left);
offsetY = e.y - parseInt(e.target.style.top);
document.getElementById("targetDiv").innerHTML = "";
}
function processMouseMove(e)
{
var e = new MouseEvent(e);
var x = e.x;// - offsetX;
e.target.style.left = x + "px";
var y = e.y;// - offsetY;
e.target.style.top = y + "px";
}
function processMouseUp(e)
{
var e = new MouseEvent(e);
removeListener("mousemove", processMouseMove);
removeListener("mouseup", processMouseUp);
}
</script>
</head>
<body>
<div id="targetDiv"></div>
<div id="dvdplayer" style="left:180px; top:150; width:80px; height:80px;" onmousedown="processMouseDown(event);"></div>
</body>
</html>