How do I get the location of a mouse click on an image button in a datalist

Question

0.00/5 (No votes)

See more:

Hi All,

I am trying to get the location of a click within an image button inside a datalist.
I am thinking my two options are to pass in the location of a click into the CommandArgument or get it from the DataListCommandEventArgs.

The code I have is below.

<asp:ImageButton runat="server" ID="imgThumbnail" Width ="225px" Height ="338px" ImageUrl='<%# DataBinder.Eval(Container.DataItem,"IMAGEFILE") %>'
                                CommandArgument='<%# Eval("CATALOG_ID").ToString + ";" + Eval("BINNUMBER")%>' CommandName="click" style="border:solid"  />

Protected Sub dlItems_ItemCommand(source As Object, e As DataListCommandEventArgs) Handles dlItems.ItemCommand

What I have tried:

I am able to get the location if a click of a standalone imagebutton using ImageClickEventArgs.

Posted 19-Jan-21 10:56am

boyson14

Updated 20-Jan-21 8:40am

Add a Solution

Comments

Christian Graus 19-Jan-21 20:58pm

You need to catch the click and then work out where that is in the image

boyson14 20-Jan-21 9:39am

I am able catching the click event and tell which image button was clicked. I cannot figure out how to tell where on the image it was clicked.

Christian Graus 20-Jan-21 15:43pm

So if you have the position of your image, say it's at 145, 20, and you have your mouse click position, normalised to your window, then you subtract the image position from the click location

boyson14 20-Jan-21 16:30pm

I did not know how to get the coordinates because it was in a datalist. I ended up getting the position of the click using the imagebutton click event saving it in session variables. After that event fires, the itemcommand fires and I can do the things I need to do in there.

Christian Graus 20-Jan-21 16:32pm

Awesome :)

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

boyson14 · Answer 1 · 2021-01-20T08:40:00

Solution 1

I was able to find the solution below , but I have a feeling there is a better way to do it.

I use the ImageButton's click event to get the location of the click and store it in Session variables. Then I use the session varaibles in the Datalist Itemcommand to make the appropriate changes I need to make to other datalist items.

Posted 20-Jan-21 8:40am

boyson14

Comments

Christian Graus 20-Jan-21 16:32pm

Wait, you're in a website?

boyson14 20-Jan-21 17:02pm

Yes, it is ASP.Net. I still don't think it is the right way to do it.

Christian Graus 20-Jan-21 17:04pm

Sorry, I missed that.

boyson14 20-Jan-21 17:05pm

No problem. I should of made it clearer. Thanks for the reply.