Witam.

Mam niewielki problem... Mianowicie posiadam sobie tooltipa. Działa, ale nie do końca po mojej myśli. Oto kod:
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $(".tiparea").hover(function(){
  4. tip = $(this).find(".tip");
  5. tip.fadeIn("fast");
  6. }, function() {
  7. tip.hide();
  8. }).mousemove(function(e) {
  9. var mouseX = e.pageX + 15;
  10. var mouseY = e.pageY + 20;
  11. var tipWidth = tip.width();
  12. var tipHeight = tip.height();
  13. var tipVisX = $("#container").width() - (mouseX + tipWidth);
  14. var tipVisY = $("#container").height() - (mouseY + tipHeight);
  15.  
  16. if (tipVisX < 20) {
  17. mouseX = e.pageX - tipWidth - 20;
  18. } if (tipVisY < 20) {
  19. mouseY = e.pageY - tipHeight - 20;
  20. }
  21.  
  22. tip.css({ top: mouseY, left: mouseX });
  23. });
  24. });
  25. </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.