473,385 Members | 1,602 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

Dynamically load Image Map coordinates

2
I have an asp.net site that uses a dropdown listbox to select 1 of 6 different images to be displayed at one time. Changing the image is working fine. But I need to define and use a different set of coordinates for each image. One image could have as few as 5 regions, while another could have up to 100. The coordinates will be hardcoded but I can't seem to figure out how to load different sets of "PolygonHotspot" based on which image is displayed. I thought it was going to be as easy as assigning an ID to 100 different hotspots, then turning them off or on and defining the coordinates based on the image name. That seemed like the perfect solution .. until I found out that the PolygonHotspot doesn't have an ID property.

Any help would be GREATLY appreciated! Please email me at bry at herp dot com

Thank you in advance,

Bryan Mohr
Mar 12 '07 #1
1 2371
BryanM
2
Just for reference (even though this doesn't work), here is the code that I was hoping would work:

Expand|Select|Wrap|Line Numbers
  1.     Protected Sub cbImageCombo_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles cbImageCombo.TextChanged
  2.         Dim strImageName As String = cbImageCombo.Text
  3.         Dim strImageText As String = strImageName
  4.  
  5.         strImageName = "~/Images/" & strImageName.Replace(" ", "_") & ".JPG"
  6.         imImage.ImageUrl = strImageName
  7.         imImage.AlternateText = strImageText
  8.  
  9.         ' First Make all Hotspots inactive
  10.         HS001.HotspotMode = "Inactive"
  11.         HS002.HotspotMode = "Inactive"
  12.         HS003.HotspotMode = "Inactive"
  13.  
  14.         ' Next activate the defined hotspots for the currently selected image
  15.         If (strImageText = "Spinal Cord Side") Then
  16.             HS001.HotSpotMode = "PostBack"
  17.             HS001.AlternateText = "Top Vertebrae"
  18.             HS001.Coordinates = "118,16,127,11,135,4,142,4,154,11,155,16,154,17,143,15,139,15,132,22,118,17,118,17"
  19.             HS001.PostBackValue = "Top Vertebrae"
  20.  
  21.             HS002.HotSpotMode = "PostBack"
  22.             HS002.AlternateText = "Second Vertebrae"
  23.             HS002.Coordinates = "118,32,131,24,131,22,139,15,154,17,156,32,141,25,138,25,137,27,137,29,121,38,119,36"
  24.             HS002.PostBackValue = "Second Vertebrae"
  25.         End If
  26.  
  27.         If (strImageText = "Skeleton Front") Then
  28.             HS001.HotSpotMode = "PostBack"
  29.             HS001.AlternateText = "Skull"
  30.             HS001.Coordinates = "120,14,126,7,134,3,138,3,146,6,151,11,154,17,154,27,152,39,148,41,148,49,142,53,132,53,125,49,125,43,124,39,121,35,121,32,119,28,119,16"
  31.             HS001.PostBackValue = "Skull"
  32.         End If
  33.  
  34.         If (strImageText = "Muscular Man Back") Then
  35.             HS001.HotSpotMode = "PostBack"
  36.             HS001.AlternateText = "Lateral Deltoid - Right"
  37.             HS001.Coordinates = "172,82,180,80,187,79,189,80,194,84,198,89,200,95,201,99,202,107,201,115,192,106,185,98,184,90,178,88,174,85"
  38.             HS001.PostBackValue = "Lateral Deltoid - Right"
  39.  
  40.             HS002.HotSpotMode = "PostBack"
  41.             HS002.AlternateText = "Posterior Deltoid - Left"
  42.             HS002.Coordinates = "100,97,101,114,86,128,81,126,90,107"
  43.             HS002.PostBackValue = "Posterior Deltoid - Left"
  44.  
  45.             HS002.HotSpotMode = "PostBack"
  46.             HS002.AlternateText = "Levator Scapulae - Left"
  47.             HS002.Coordinates = "109,75,127,64,132,57,130,73,112,76"
  48.             HS002.PostBackValue = "Levator Scapulae - Left"
  49.         End If
  50.     End Sub
  51.  
Mar 12 '07 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

4
by: Csaba2000 | last post by:
I want to be able to programatically click on the center of an <INPUT type=image ...> element (I only care about IE 5.5+). This should work regardless of whether IE has focus. Normally you would...
15
by: Tony Gahlinger | last post by:
I'm using my browser (Mozilla/5.0 Linux i686 Gecko/20031007 Firebird/0.7) to do some client-side image processing. I want to capture the sequence of coordinates a user clicks on in xxx.jpg in the...
9
by: pablo | last post by:
Dear NGers, I would like to change the alt-text with the changing of the image during a mouseover action. Can document.images.altView be changed dynamically? TIA, pablo
1
by: Asaf Dan | last post by:
Hi, I'm using a panel to show an image. The Image could be bigger or smaller than the panel. I want to show the pixel coordinates of the image on a label next to the panel. I'm using an event...
8
by: Donald Xie | last post by:
Hi, I noticed an interesting effect when working with controls that are dynamically loaded. For instance, on a web form with a PlaceHolder control named ImageHolder, I dynamically add an image...
4
by: Tomasz Bak | last post by:
Hello, I have a simple problem: mark a list of defects on an image. I think the best way to do it is to select a single deffect, then take two coordinates of coursor form an image on a web...
3
by: jackiepatti | last post by:
QUESTION: I have a web page containing a form that contains an image instead of a submit button, e.g. <form name='myform' action='get' method='otherpage.asp'> <input type='image'...
7
by: petethebloke | last post by:
Can anyone help? I have a client who has made a "dynamic interactive map" of our city using Dreamweaver. Each map file has hotspots that pop-up a div with a little image when the mouse goes over...
2
by: nvinhphu | last post by:
Dear all, I would like to generate images like the ones in the right column at this link http://www.micthemodel.org/pages/examples.html (Sorry but I can not post attachment). These images...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.