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.
Hello,
Here is my experience: i tested canvas and area tags.
Some tests: attachments.
More about area tag.
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.
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.
Nice sample Joel
Darrell
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.
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.
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.
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.
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.
Are you talking about the Periodic Table?
I P.M.ed you the files.