Copy & paste the code below to embed this comment.
Igor Beuermann
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).
Copy & paste the code below to embed this comment.
chris hansen
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?
Copy & paste the code below to embed this comment.
H. Fiedler
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?
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
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?
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
50 Reader Comments
Back to the ArticlePeter Brown
Title? (Function to show/hide all tooltips?)
Maik Lehmann
Good article, I will be experimenting with this in my nexts projects.
Thanks for this great idea!
Greets Maik
Michael Müller
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.
Igor Beuermann
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
chris hansen
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!
H. Fiedler
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?
H. Fiedler
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!
Andrew Fuller
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
Paul Amato
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
Andrew Fuller
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