ich würde gerne wissen wie ich für mehrere Punkte auf einer Karte, verschiedene Positionen der Tooltips anzeigen lassen kann.
Es geht sich um diese Karte bzw. Map dort werden später mehrere Punkte zu sehen sein. Wenn ich jetzt aber einen Punkt rechts auf der Karte habe und dort mit der Maus rüberfahre, dann erscheint der Tooltip links vom Punkt(damit der Browser nicht verzehrt usw) klingt logisch oder?
Aber wenn ich jetzt links einen Punkt habe, dann muss der Tooltip ja rechts vom Punkt erscheinen?!
Wie stell ich das nun an, dass ich pro Punkt eine Position angebe?
Hier nun ein kleiner Codeausschnitt
<script> <!-- Bank START --> wmtt = null; document.onmousemove = updateWMTT; function updateWMTT(e) { x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX; y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY; if (wmtt != null) { wmtt.style.left = (x - 210) + "px"; wmtt.style.top = (y - 40) + "px"; } } function showWMTT(id) { wmtt = document.getElementById(id); wmtt.style.display = "block" } function hideWMTT() { wmtt.style.display = "none"; } <!-- Bank END --> </script> </head> <div class="tooltip" id="1"> <img src="images/bank.jpg" width="200" height="100"> </div>
Und hier nun einer der "Punkte"
<a href="#" onMouseOver="showWMTT('1')" onMouseOut="hideWMTT1()"><img src='images/testmap_03.jpg' width='16' height='16' border='0'></a>
Vielen Dank schonmal