Forum PHP.pl

jak zmusić tooltipa do podążania za kursorem div ot map-tooltip
http://jsfiddle.net/HJf8q/2/ takie coś znalazłem ale nie mogę sobie poradzić aby to tchnąć do działania
może ktoś pomoże i mnie nakieruje co i gdzie a możę inaczej
#strt #end tym chciałem tego dokonać

[HTML] pobierz, plaintext 
#START
var tooltipSpan = document.getElementById('map-tooltip');
					window.onmousemove = function (e) {
					    var x = e.clientX,
					        y = e.clientY;
					    tooltipSpan.style.top = (y + 20) + 'px';
					    tooltipSpan.style.left = (x + 20) + 'px';
					};
#END
			$('#map-poland .label').on({
				mouseenter : function() {
 
					$this = $(this);
					$liWoj = $(this).parent('li');
					$txt = $liWoj.find('a').text();
 
					$w = $this.outerWidth();
					$s = $this.outerHeight();
					console.log($txt);
 
					$liWoj.addClass('focus');
					//$('body').append('<div id="map-tooltip" class="tooltipsmaps" style="left:; top:;">'+$txt+'</div>');
					$(this).append('<div id="map-tooltip" class="tooltipsmaps" style="left:; top:62px; z-index:99999 !important; font-family: museoslab500, Helvetica, Arial, sans-serif; " >'+$txt+'</div>');
 
 
					},
 
[HTML] pobierz, plaintext 

albo moze do top i left dodać pozycje kursora /?

Opisz problem dokładniej. W linku, który podałeś wszystko jest jak na tacy, więc w czym problem?

Ten post edytował kamil4u 31.01.2014, 12:58:21

chodzi mi o diva na dole z txt
jest to mapka od wolfa i na wojewodztwach jest ok ale na labelach czyli w srodku wojewodztwa sa wartosci i na nie jak najade mam przyklejonego tooltipa nie porusza sie wzgledem kursora :/

W tym kodzie co podałes to nie zadziała.



Na początku łapiesz

[HTML] pobierz, plaintext 
var tooltipSpan = document.getElementById('map-tooltip');
[HTML] pobierz, plaintext 

a map-tooltip dodajesz dopiero na końcu kodu, wiec wczesniej go nie ma. Dodaj tę funkcję po dodaniu map-tooltip.