Adobe Community: Message List - Is it possible to add a click event on an specific area of a larger png?

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Wed, 19 Dec 2012 15:55:51 GMT

I P.M.ed you the files.

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Wed, 19 Dec 2012 15:51:15 GMT

yes

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Wed, 19 Dec 2012 14:14:00 GMT

Are you talking about the Periodic Table?

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Wed, 19 Dec 2012 13:25:04 GMT

I saw your code (...edgeActions.js).

You can replace your 117x2 events in 2 events (one mouseover and one click).

You can send me your file.

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Tue, 18 Dec 2012 21:20:53 GMT

Way cleaner, Joel! Interesting how the same thing can be made so many different ways! I did not think about using the text box cover the area of each county providing the click area. I am adding some other data too - the county seat for each county and maybe a photo.

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Tue, 18 Dec 2012 18:17:00 GMT

I will look at your file shortly. trying to finish another project. I think I did something similar here: transparent square for each element and response on mouseover and click.

Here:

http://mjpagedesign.com/testing2/

Joel I can send you the files if you want.

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Tue, 18 Dec 2012 17:45:31 GMT

Here is an attempt: attached files (Texas files).

Popup comes from Schrene (old forum). I lost source link.

Note : code plus simple, on ne peut pas faire. Il reste à grouper dans une div la ligne 1 et la coller 3 fois. Soit 4x5 = 20 completed areas.

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Tue, 18 Dec 2012 12:21:48 GMT

Well, counties shape is basic: one rectangle. So, you can use text box. Text boxes will have same class: "county".

Seeing your images: Lines #1 to #4 are identicals. Lines #6, #7, #8 are identicals. Lines #9 and #10 too. So, copy and paste.

Then, only one click event as faq files ==> attachments

And json to data counties.

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Tue, 18 Dec 2012 01:59:27 GMT

Nice sample Joel

Darrell

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Mon, 17 Dec 2012 19:35:08 GMT

Joel,

I am wondering. If you had to make this composition, would you choose your area example or would you just use the map and add transparent squares on top of it with a click event for each one?

Here I have 54 rectangles. this is a lot of code, with 54 coords (only x1,y1,x2,y2). I changed the code to shape = rect, etc as necessary.

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Mon, 17 Dec 2012 17:32:23 GMT

Wow! Really cool!

I have worked with canvas for a dozen of compositions but I had not done that.

Thank you so much for the samples and the info. This will be very useful.

Re: Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Mon, 17 Dec 2012 17:17:22 GMT

Hello,

Here is my experience: i tested canvas and area tags.

Some tests: attachments.

More about area tag.

Is it possible to add a click event on an specific area of a larger png?

forums_noreply@adobe.com — Mon, 17 Dec 2012 16:15:03 GMT

Is there a way to code certain regions of an image for a click event without adding a hit area?

I have a map of Texas with each region. Clicking on a region brings this region bigger to the front. Then I want a click event for each county to bring up its name and other data.