I am looking for a clickable map up the US, but can't find anything suitable. I've found a few flash ones, but I would like to stick with a Javascript based one. Ideally the states could change colors, depending on if I had any offerings in that state. Does anyone know of anything out there like this? Commercial applications are fine. TIA!
You don't even have to use Javascript if this is just a clickie to other pages. You can likely find a free US map image from the US government and colour to your liking in Gimp or Photoshop or whatever. Gov't images are public domain. If this is a bunch of links say to State pages, then make a menu (ul, li, a) the size of the map (ul is a block so no problems there). The a's then (your links) are default inline, so you'll make them blocks and position them absolutely over each state. Of course, most states aren't square but you can fudge it pretty easily most of the time. For the small eastern states, you may need a seperate map... you could make it that people can simply (only) click on an eastern area which brings them to a larger map of eastern states where there's actually room to click them. Or have that as a seperate map on the same page as the US map, whatever. You can look at my world example to see how you'd do this. If you don't need fancy glowing on :hover, great, skip that part (more work). The spans with text on :hover are useful to people though, esp where states are adjascent. http://stommepoes.nl/Menus/maphover.html css is in the source. The colour change on hover requires another image. Ideally this would be a single image (faster loading than many smaller seperate ones), using the Sliding Doors technique to slide that single image around on :hover. Javascript would only need to come into play if the "offerings" change on the minute or so... in which case, you'll set your css up the same and have an image for :hover on ALL states, and use Javacript/AJAX/whatever for determining whether a state does anything on :hover or is even clickable (meaning the HTML would need to change so the anchor didn't go anywhere). Hope this helps.