Pobieram z bazy danych informacje do tooltip po najechaniu na poszczególne elementy. Wszystko działa poprawnie dla potencjalnego użytkownika strony lecz bardzo to obciąża stronę. Po najechaniu poruszając kursorem myszy cały czas wykonuje zdarzenie mousemove a co za tym idzie ajax pobiera dane. Ma ktoś jakieś propozycje? Chciałbym uzyskać, że gdy najadę na danego div-a raz poprało dane bez względu na to czy kursor zdążył opuścić okno i pobrał je ponownie ale dopiero po opuszczeniu i powrocie. Pożądam pomysłu nie rozwiązania. Według kodu, który napisałem jest to oczywiste działanie.
Kod
$('.okno').bind('mousemove', function(ev)
{
var i = $(this).attr('i');
xm = ev.pageX-$('.okno').offset().left;
ym = ev.pageY-$('.okno').offset().top;
$( '#tip' ).css( "visibility", "visible" );
$( '#tip' ).css( "top", (ym+15)+"px" );
$( '#tip' ).css( "left", (xm+10)+"px" );
$.ajax({
url: 'tip.php',
type: 'POST',
data: 'i='+i,
success: function(msg)
{
$('#tip').html(msg);
}
});
});
{
var i = $(this).attr('i');
xm = ev.pageX-$('.okno').offset().left;
ym = ev.pageY-$('.okno').offset().top;
$( '#tip' ).css( "visibility", "visible" );
$( '#tip' ).css( "top", (ym+15)+"px" );
$( '#tip' ).css( "left", (xm+10)+"px" );
$.ajax({
url: 'tip.php',
type: 'POST',
data: 'i='+i,
success: function(msg)
{
$('#tip').html(msg);
}
});
});