23
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>drag</title>
<style>
<!--.drag{position:relative;}
-->
</style>
<script language="JavaScript">
String.prototype.inc=function(s){return this.indexOf(s)>-1?true:false}
var agent=navigator.userAgent
window.isOpr=agent.inc("Opera")
window.isIE=agent.inc("IE")&&!isOpr
window.isMoz=agent.inc("Mozilla")&&!isOpr&&!isIE
var dragapproved=false
var z,x,y,t1,t2
function move(){
var oEvent=null,oElement=null;
if(isMoz){
oEvent=arguments[0];
oElement=oEvent.target;
}else{
oEvent=window.event;
oElement=oEvent.srcElement;
}
if (oEvent.button==1&&dragapproved){
//z.style.pixelLeft=temp1+oEvent.clientX-x
//z.style.pixelTop=temp2+oEvent.clientY-y
z.style.pixelLeft=t1+oEvent.clientX-x
z.style.pixelTop=t2+oEvent.clientY-y
return false
}}
function drags(){
var oEvent=null,oElement=null;
if(isMoz){
oEvent=arguments[0];
oElement=oEvent.target;
}else{
oEvent=window.event;
oElement=oEvent.srcElement;
}
if (oElement.className=="drag"){
dragapproved=true
z=oElement;
t1=z.style.pixelLeft
t2=z.style.pixelTop
x=oEvent.clientX
y=oEvent.clientY
document.onmousemove=move
}}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>
</head><body>
<img src="http://www.hongen.com/pc/homepage/javascript/sample/img/draw.jpg" class="drag"></body>
</html>
[/HTML]
it works in IE very well.
