1
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="JavaS cript">
N = (document.all) ? 0 : 1;
var ob;
var X;
var Y;
function MD(e) {
if (N) {
ob = e.target.parent Node.style;
//alert(ob);
X=e.layerX;
Y=e.layerY;
return false;
}
else {
ob = event.srcElemen t.parentElement .style;
X=event.offsetX ;
Y=event.offsetY ;
}
}
function MM(e) {
if (ob) {
if (N) {
ob.moveTo((e.pa geX-X), (e.pageY-Y)); //The Problem line }
else {
ob.pixelLeft = event.clientX-X + document.body.s crollLeft;
ob.pixelTop = event.clientY-Y + document.body.s crollTop;
return false;
}
}
}
function MU() {
ob = null;
}
if (N) {
document.captur eEvents(Event.M OUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmous edown = MD;
document.onmous emove = MM;
document.onmous eup = 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 incompatilbilit ies..Please help me out.
Regards
Riyaz
