Hi I have been having some frustrating issues trying to implement balloon / bubble info windows triggered by onmouseover, and closes onclick to the close button.<br>Unfortunately I can only provide screenshots (local server)
<br><a href="http://i1.tinypic.com/nbxfk0.jpg">http://i1.tinypic.com/nbxfk0.jpg</a> and<br><a href="http://i1.tinypic.com/ncbezb.jpg">http://i1.tinypic.com/ncbezb.jpg</a><br><br>I have tried utilizing the createDrawingCanvas and addObjectGeo methods. Briefly, the code (kindly view
<a href="http://rafb.net/paste/results/Ggbs4j37.html">http://rafb.net/paste/results/Ggbs4j37.html</a> ) process is:<br><br>0. drawMarkers declared inside myOnLoad() in startUp.js (addLoadEvent doesn't seem to work with this)
<br>1. createDrawingCanvas (div) for the balloon container. Balloon image is set as background in CSS. Only one balloon is created.<br>2. create a marker based on the point parameter (temp array points[] see code link)<br>
3. attach onmouseover event handler for every marker to trigger "displayBalloon"<br>4. displayballoon's css display is set to "block" (to show up) <span style="font-weight: bold;">If the balloon has been displayed, and mouse hovers to a different marker, balloon should update its X/Y position.
</span><br>5. append a close button inside the balloon container<br>6. balloon disappears when user clicks X button<br><br><br>ISSUES:<br>1. the apparently off position of the balloon and the close button.initially i was able place it right above the yellow markers but then the balloon's close button was found pixels away to the left of the balloon.
<br>2. not all buttons seem to respond with the onmouseover. im testing on firefox only at the moment.<br><br>People at #kamap have been helpful and adviced that the hideBalloon() be done using removeObject() but yet again, to no avail. Has there been any similar projects that may resolve this? I appreciate any input coming from you guys. Thanks and more power to all.
<br><br>-SE<br>