PDA

Click to See Complete Forum and Search --> : Tracking mouse movements/porting to php

magicash
10-23-2003, 12:30 AM
I have a javascript that has movable images. I want to be able to track where the objects are moved to and then transfer this information to php when a button is clicked.

The javascript is as follow:

<html>
<head>
<title></title>
<style>
<!--
.drag{position:relative;cursor:hand}
-->
</style>
<script language="JavaScript1.2">
<!--

var ie=document.all
var ns6=document.getElementById&&!document.all

var dragapproved=false
var z,x,y

function move(e){
if (dragapproved){
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
return false
}
}

function drags(e){
if (!ie&&!ns6)
return
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"

while (firedobj.tagName!=topelement&&firedobj.className!="drag"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.className=="drag"){
dragapproved=true
z=firedobj
temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=ns6? e.clientX: event.clientX
y=ns6? e.clientY: event.clientY
document.onmousemove=move
return false
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")

//-->
</script>
</head>

<body>

<img src="soccer.gif" class ="drag">
<img src="soccer.gif" class ="drag">

<div class="drag"><b>This is some text inside a DIV</b></div>
</body>
</html>


This script works fine, but I don't know enough about javascript in order to extract coordinates into a variable that I can export to php. Any ideas?

Thanks!
Khalid Ali
10-23-2003, 08:04 AM
when you click the button,
have a function that gets the current positions of the images an create a variable may be like this

imageStr="image1=21,22";
append the above to the php pages url

window.location.href="somePhppage.php?"+imageStr

and now you can parse the url in php to get data