[RESOLVED] Drawing on an Image

[Mark Gambo]

I have an image that I will be displaying on a page. I want to be able to first allow the user to click on parts of the image where they want a dot to appear, then I want to take the location of where they placed the dot and store it in a database. Can any one point me in the right direction?

I currently have a VB6 app where I am able to do this but the powers to be want me to develop a web app that will allow the user to do the same thing.

Any ideas?

[timeshifter]

Won't be easy... You'd likely have to use JavaScript to retrieve the location of the mouse when it's clicked, then do a postback and redraw the image... it'd be slow at best, even with AJAX.

[Mark Gambo]

I thought so, thanks!

[mendhak]

If you make the image an image that submits (<input type="image">) then when the form is submitted, you should get an x and y coordinate along with the other parameters. You could use that.

[Mark Gambo]

Could you show me a brief example and would I be able to display multiple dots?

[Rocketdawg]

Could you use javascript to drag and drop actual "dots" on the image?

At the end of the operation you could capture and add the end coordinates of the dropped image to a hidden control.

You could have more control over the op

This works in IE, FF,Safari

Drag N Drop

[mendhak]

Put this in a sample .html page, then click on the image

<form method="get" action="receive.aspx">
<input type="image" src="http://www.vbforums.com/image.php?u=45441&dateline=1201007640" value="test" />
</form>

Then look at the URL.

[Mark Gambo]

Great, thanks!

[mendhak]

No prob, if that solved things, resolve the thread, else, ask more questions!

[Mark Gambo]

Ok, I am testing the code now. Thanks again!