Cześć, mam problem z hint-window. Czyli okno informacyjne, które pokazuje się po najechaniu np. na link(np. jak w OGame, gdy najeżdżamy myszą na jakąś planetę w Galaktyce).
Kod, który znalazłem i ździebko przerobiłem wygląda tak:
var hintWindow = null
function showHintWindow(wHeight, wWidth, wBody)
{
hintWindow=window.createPopup();
var pbody=hintWindow.document.body;
pbody.style.backgroundColor="lime";
pbody.style.border="solid black 1px";
pbody.innerHTML=wBody;
hintWindow.show(event.clientX, event.clientY+5, wWidth, wHeight, document.body);
}
Ładnie pokazuje okno tam, gdzie chcę, z zawartością jakąś chcę. Problem polega na tym, że:
- Okno nie zamyka się po zjechaniu myszą z linku(okazuje się, że nie obsługuje metody close()
- Okno nie przesuwa się wraz z myszą.
Chodzi mi o to, że jak przesuwam kursor myszy na linku, żeby okno razem z nim się poruszało. I o to, że jak zjadę kursorem myszy z linku, żeby okno się zamknęło.
Przykładowe wywołanie:
<a href="http://www.strona.net" onMouseOver="showHintWindow(50, 100, \'Dzień dobry\')" onMouseOut="closeHintWindow()">Link</a>
funkcja closeHintWindow() po prostu wywołuje metodę close() na rzecz tego hint-window :)
Może ktoś pomóc?