Forum PHP.pl

Witam, mam problem z tooltipem, zostaje on wyswietlany gdzies na samym dole a nie obok obrazka.

KOD:

[PHP] pobierz, plaintext 
<script type="text/javascript" src="/panel/jquery.min.js"></script> 
<script type="text/javascript">
$(document).ready(function() {
	//Tooltips
	$(".tip_trigger").hover(function(){
		tip = $(this).find('.tip');
		tip.show(); //Show tooltip
	}, function() {
		tip.hide(); //Hide tooltip		  
	}).mousemove(function(e) {
		var mousex = e.pageX + 20; //Get X coodrinates
		var mousey = e.pageY + 20; //Get Y coordinates
		var tipWidth = tip.width(); //Find width of tooltip
		var tipHeight = tip.height(); //Find height of tooltip
 
		//Distance of element from the right edge of viewport
		var tipVisX = $(window).width() - (mousex + tipWidth);
		//Distance of element from the bottom of viewport
		var tipVisY = $(window).height() - (mousey + tipHeight);
 
		if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
			mousex = e.pageX - tipWidth - 20;
		} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
			mousey = e.pageY - tipHeight - 20;
		} 
		tip.css({  top: mousey, left: mousex });
	});
});
</script>
[PHP] pobierz, plaintext 

Jezeli nie musisz robic takich kombinacji alpejskich to proponuje:

http://getbootstrap.com/javascript/#tooltips

A jezeli chcesz aby sprawdzic Twoje wypociny to wrzuc na jsfiddle swoj przyklad.

Ten post edytował rad11 23.06.2015, 15:43:27

Bardzo bym prosił o pomoc z tym tooltipem ponieważ on nadal nie podąża za kursorem.

https://jsfiddle.net/2xtLewfw/

No właśnie, ten problem z odległością, nie mam żadnego pomysłu jak to zrobić zeby było obok napisu i się poruszało za kursorem.

PS: Jeżeli miałbys jakis inny tooltip który się porusza za kursorem i działa to proszę o podesłanie, lub pomoc w tym.

Ten post edytował Salur 25.06.2015, 14:22:59

Hmm, dziwne , na pierwszym przedmiocie jest okej, na drugim już tooltip jest dalej a na trzecim jeszcze dalej.


Ten post edytował Salur 26.06.2015, 19:02:59

Coś słabo kombinujesz: https://jsfiddle.net/2xtLewfw/6/

Kwestia w tym że na jsfiddle działa a w panelu już nie, proszę zobaczyć kursor mam na broni.

SS: http://scr.hu/71b8/41pfq

Pokaże jeszcze php:

[PHP] pobierz, plaintext 
 echo '<div id="miecz">';
     echo '<a class="tip_trigger" href="#">';
        echo $miecz; 
   echo '<span class="tip">';
echo '</a></span></div>';
[PHP] pobierz, plaintext 

Ten post edytował Salur 26.06.2015, 20:28:34

[PHP] pobierz, plaintext 
echo '<div id="miecz"><a class="tip_trigger" href="#">' . $miecz . '<span class="tip"></span></a></div>';
[PHP] pobierz, plaintext