I would like to create an image like the one shown in the link but instead of having a button that when you mouse over a pop up appears, it would display various statuses based on variable that are retrieved from a database. Each button would have different values.
You can create the image and then using image maps you can create links for the various points of interest. The popups can be made using css (or javascript).
1. How do you locate a button onto a specific location of an image?
2. How would you go about changing the state of the button based on variables that are retrieved from a db?
3. Can anyone provide some guidance or some sample code that I might tweek to do what I need?
I have attached an image with two small boxes over top of two tanks that tell the viewer what is the current status of the individual tanks
1. Coords are actually pixels of an image, so you need to measure where you want your area to be (try looking for on screen ruler and use it on that image, of course image zoom level to 100%)
2. Which state do you mean?
3. Can't help you there, never used maps.
As shown in he pdf, the status or state of the equipment changes as time progresses. So a user would toggle a switch on another form but the results would be displayed on the image.
__________________
Chris. ->> Please login or register to view this content. Registration is FREE <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
That a-list-apart article is a great way of doing this. I try to avoid absolute positioning because I favor fluid sites or the option to do so but it works well here.
I haven't used image maps in years so I have no examples to offer but if you use different images and determine which to call based on the db results you shouldn't have a problem. Your best bet may be to try it out, get as far as you can and then post specific questions.
