Ciao a tutti
Ho questo script per la comparsa di un tooltip ed i suoi contenuti:
codice:
$(".tooltip").hover(function(e){
this.t = this.title;
this.title = "";	
var c = (this.t != "") ? "<br/>" + this.t : "";
$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview'/>"+ c +"</p>");								 
$("#screenshot")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");						
},
function(){
this.title = this.t;	
$("#screenshot").remove();
});
Ora come posso modificarlo se la tooltip supera il limite estremi della pagina?
Perchè così come quando mi trovo vicino i bordi della pagina una parte della tooltip scompare fuori schermo.

Quindi mi servirebbe che se mi trovo nei pressi del bordo destro della pagina e la tooltip supera il limite della pagina la tooltip mi deve comparire a sinistra del link.

Spero che qualcuno mi aiuta perche sto impazzendo.