Anyone to recommend a good one ?
Thanks.
Or those who might help me out with the following goal, I appreciate it.
I want to show thumbnails of x number of images on the screen allowing
user the drag them on the page to put in an order. Based on the top Y
coordinate of the image, I am going to deifne the order and create a slide
show of the larger versions of those thumbnails.
At the end of this mail, I attached the code allowing the dragging of some
images on a page.
My goal is to create a sort button on the page that would cycle thru each
image and tell me the x,y coordinates of each of them.
How do you tell the XY cordinates of an image on the page ?
Thanks.
<html>
<head>
<script LANGUAGE="javascript">
N = (document.all) ? 0 : 1;
var ob;
function MD(e) {
if (N) {
ob = document.layers[e.target.name];
X=e.x;
Y=e.y;
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));
}
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=1.gif name="1">
</div>
<div id="d" style="position:absolute;left:50;top:350;">
<img src=2.gif name="2">
</div>
<div id="c" style="position:absolute;left:100;top:300;">
<img src=3.gif name="3">
</div>
<div id="h" style="position:absolute;left:100;top:350;">
<img src=4.gif name="4">
</div>
</body>
</html>
---
You are currently subscribed to activeserverpages as: [email protected]
To unsubscribe send a blank email to [EMAIL PROTECTED]
