Hi mates,
Im developing an purely client side drag & drop application with JavaScript.
I got a code for IE 4.0 and Netscape 4.0...
while trying to update code to work in modern browsers like IE 6+,Netscape 7,Mozilla Firefox etc...,im facing some problem in line i pointed out in code below :
[HTML]<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
N = (document.all) ? 0 : 1;
var ob;
var X;
var Y;
function MD(e) {
if (N) {
ob = e.target.parentNode.style;
//alert(ob);
X=e.layerX;
Y=e.layerY;
return false;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
function MM(e) {
if (ob) {
if (N) {
ob.moveTo((e.pageX-X), (e.pageY-Y)); //The Problem line }
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function MU() {
ob = null;
}
if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
</script>
</head>
<body>
<div id="s" style="position:absolute;left:50;top:300;">
<img src=Images/spades.gif name="s" >
</div>
<div id="d" style="position:absolute;left:50;top:350;">
<img src=Images/diamonds.gif name="d" >
</div>
<div id="c" style="position:absolute;left:100;top:300;">
<img src=Images/clubs.gif name="c" >
</div>
<div id="h" style="position:absolute;left:100;top:350;">
<img src=Images/hearts.gif name="h" >
</div>
<div id="riyaz" style="position:absolute;left 400;top:400;">
<input type="text" name="riyaz" id = "1" value="Hello"></input>
</div>
Just click and hold the 4 suit images to the left and then you can move them around the page!
<p><center>
<font face="arial, helvetica" size="-2">Getting Bored Click Here !<br>
by <a href="http://jokes.yahoo.com">Riyaz</a></font>
</center><p>
</body>
</html>
[/HTML]
Im a new developer and quite frustrated with this browser incompatilbilities..Please help me out.
Regards
Riyaz