Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Złe odliczanie
Forum PHP.pl > Forum > Przedszkole
Salur
Witam, mam problem ponieważ skrypt tooltipa zle odliczna odleglosc od przedmiotu, przy pierwszym obrazku wyświetla się dobrze w drugim już sporo dalej od obrazka a w trzecim to już całkiem gdzie indziej.

  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $(".tip_trigger").hover(function(){
  4. console.log('hover-on');
  5. tip = $(this).find('.tip');
  6. tip.show();
  7. }, function() {
  8. console.log('hover-off');
  9. tip.hide();
  10. }).mousemove(function(e) {
  11. console.log('mousemove');
  12. var mousex = e.clientX + 20;
  13. var mousey = e.clientY + 20;
  14. var tipWidth = tip.width();
  15. var tipHeight = tip.height();
  16.  
  17. var tipVisX = $(window).width() - (mousex + tipWidth);
  18.  
  19. var tipVisY = $(window).height() - (mousey + tipHeight);
  20.  
  21. if ( tipVisX > 20 ) {
  22. mousex = e.clientX - tipWidth - 70;
  23. } if ( tipVisY > 20 ) {
  24. mousey = e.clientY - tipHeight - 70;
  25. }
  26. tip.css({
  27. top:mousey,
  28. left:mousex
  29. })
  30. });
  31. });
  32. </script>
  33.  
trueblue
Spróbuj tak:
Kod
var mousex = e.pageX - $(document).scrollLeft() + 20;
var mousey = e.pageY - $(document).scrollTop() + 20;

Salur
Niestety to nic nie pomogło.
trueblue
http://jsfiddle.net/p7t1k4b7/
Salur
Co tu duzo mówić, mistrz, dziękuję ! ;D
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.