A More Accessible Map

by Seth Duffey

50 Reader Comments

Back to the Article
  1. Title? (Function to show/hide all tooltips?)

    Copy & paste the code below to embed this comment.
  2. Good article, I will be experimenting with this in my nexts projects.

    Thanks for this great idea!

    Greets Maik

    Copy & paste the code below to embed this comment.
  3. Thank you very much for this article. I’m just trying to integrate a map on my site and your article is really helpful in this case.

    Copy & paste the code below to embed this comment.
  4. You will certainly recognise me as a novice ;-) but I’m trying. Also, I know my question would be better posted to some JavaScript page. But would you so kind and explain me the meaning of the double dollar sign ‘$$’ as in

    this.$$handleEvent(event) === false or

    handlers[handler.$$guid] = handler;

    I hope I’m not troubling you too much (as novices always do).

    Igor

    Copy & paste the code below to embed this comment.
  5. In Safari I’ve noticed that my CSS is loading after the tooltip images… Firefox and IE are fine… any suggestions? Should I move the CSS for the map inline?

    http://fearlessfilms.net/ffnew/locations.html

    Thanks!

    Copy & paste the code below to embed this comment.
  6. Great bit of programming!
    When I use the examples here, they work great.
    When I copy it to my own PC and run it, the IE popup blocker interferes. Any way to fix this?

    Copy & paste the code below to embed this comment.
  7. Never mind. When I publish the map, it works fine.
    You can try it at

    http://www.api-usa.com/api_rep_map.htm

    Thanks!

    Copy & paste the code below to embed this comment.
  8. Great article, thank you. Shortly after reading it, a project came up that seemed perfect for a non-API environment. We’re trying this method for a quiz, where the map & tool tips hold the answers. http://salmonnation.com/place/where_bioregion_quiz.html

    The backgroudn map is a dummy of course, which I’m using to help me place the x,y of the location points. I’ll just upload a new background image when done.

    After looking at the code for a few hours, I can’t figure out why all the points seem to be off by approx x6,y-12 pixels. Your ideas? Also, something is busted in PC IE, where the map doesn’t display at all.
    external files are http://salmonnation.com/includes/map.css and http://salmonnation.com/includes/mapevents.js

    Copy & paste the code below to embed this comment.
  9. First of all, thank you for creating this script.  I have been successful in implementing the map, but would like to substitute an onmouseout timer for the close button.  I abandoned the close image because my dd content will vary in width, and using dd width:auto; with the img float:right; makes the entire dd stretch across the screen.

    My goal is to have an interactive pop-up that will disappear once I stop interacting with it.  I have added an onmouseout event to the dd, but it only recognizes the first line in the dd.  I know this is a long-shot, but do you have any suggestions?

    Thank you in advance for any help you can offer.

    Paul

    Copy & paste the code below to embed this comment.
  10. Got this working in most browswers, except for Safari is still rendering as though without CSS. Any ideas? http://salmonnation.com/place/where_bioregion_quiz.html

    Copy & paste the code below to embed this comment.