Mam niewielki problem... Mianowicie posiadam sobie tooltipa. Działa, ale nie do końca po mojej myśli. Oto kod:
<script type="text/javascript"> $(document).ready(function() { $(".tiparea").hover(function(){ tip = $(this).find(".tip"); tip.fadeIn("fast"); }, function() { tip.hide(); }).mousemove(function(e) { var mouseX = e.pageX + 15; var mouseY = e.pageY + 20; var tipWidth = tip.width(); var tipHeight = tip.height(); var tipVisX = $("#container").width() - (mouseX + tipWidth); var tipVisY = $("#container").height() - (mouseY + tipHeight); if (tipVisX < 20) { mouseX = e.pageX - tipWidth - 20; } if (tipVisY < 20) { mouseY = e.pageY - tipHeight - 20; } tip.css({ top: mouseY, left: mouseX }); }); }); </script>
Chodzi głownie o to, że ten tip posiada tylko 2 opcje położenia. Standardowo tam pod kursorem na prawo i gdy wychodzi poza okienko. Ogólnie działa ładnie, ale nie w momencie, gdy wysokość diva z tipem przekracza połowę wartości konteneru, ponieważ niezależnie od tego położenia, wetnie się albo do góry, bądź w dół, czego bym nie chciał. W takim wypadku, dobrze byłoby, żeby kursor ustawiony był w połowie wysokości tipa. Opcjonalnie do tego, żeby położenia te po "przesoczeniu" zmieniały się dynamicznie. Da się to zrobić w jakiś prosty sposób?
Pozdrawiam, Przemysław.