Clickable mouse position on image highlight.

@wterMar 24.2009

Hi,

How to do the clickable mouse position on image highlight? My situation is i need the user click on the image/picture that display in the browser, then retrieve the value click position and finally the value are save to database. And the sequence of the click position of the image also be store to database. One more function is to display the click sequence before store to database.

Thanks.

to post a comment

PHP

@NogDogMar 25.2009 — #Create an input form element of type "image" and it will function as a submit button that also sends the x and y coordinates that were clicked.

@wterauthorMar 25.2009 — #i already see the link you provide. But i still not understand the meaning you try to said. Perhaps you can provide example for me?

@NogDogMar 25.2009 — #

[code=php]
 <html>
 <head>
 <title>Form</title>
 </head>
 <body>
 <form action="" method="post">
 <fieldset>
 <legend>Click anywhere on the photo</legend>
 <input name="submit" type="image" src="http://www.charles-reace.com/Photos/noggin1.jpg">
 </fieldset>
 </form>
 <?php
 if(!empty($_POST['submit_x']))
 {
 printf("You clicked at x=&#37;d and y=%d on the image.", $_POST['submit_x'], $_POST['submit_y']);
 }
 ?>
 </body>
 </html>
 [/code]

@wterauthorMar 25.2009 — #Thanks for reply.Do you mind i modified your code little bit? Because i wan user click five time at different position and for each click position will display the coordinates. But my modified code do not work. What is the meaning of %d?

[code=php]
 <html>
 <head>
 <title>Form</title>
 </head>
 
 <body>
 <form action="" method="post">
 <fieldset><legend>Click anywhere on the photo</legend>
 <input name="submit" type="image" src="http://www.charles-reace.com/Photos/noggin1.jpg"></fieldset>
 </form>
 <?php
 for($i=1;$i<6;$i++){ 
 $x=$_POST['submit_x'][$i];
 $y=$_POST['submit_y'][$i];
 
 if(!empty($x)){
 printf("You clicked at x=%d and y=%d on the image.", $x,$y );
 printf("</br>");
 }
 }
 ?>
 
 </body>
 </html>
 [/code]

And if the coordinate X and Y are store to database, when we load the same image again; how we determine the user click at right position X and Y because user might do not know the exact point X and Y click before and impossible for the user click exactly on it?

Thanks.

Clickable mouse position on image highlight.

4 Comments(s) _↴

Also in #PHP _↴

Success!

Social

Version

Clickable mouse position on image highlight.

4 Comments(s) ↴

Also in #PHP ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #PHP _↴