[JavaScript]Skrypt z wyskakującym okienkiem ucieka poza okno przeglądarki, Jak temu zaradzić? Jaką pozycje okienka podać? Opcje

[kukix]

Witam.
Znalazłem bardzo fajny i prosty skrypt do obsługi okienek tzw tooltip.

Problem w tym, że jak myska jest z boku ekranu, to okienko dalej wyskakuje na prawo i ucieka poza przeglądarke.

Standardowy kod:

Kod

this.screenshotPreview = function(){    
    /* CONFIG */
        
        xOffset = 10;
        yOffset = 30;
        
        // these 2 variable determine popup's distance from the cursor
        // you might want to adjust to get the right result
        
    /* END CONFIG */
    $("a.screenshot").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();
    });    
    $("a.screenshot").mousemove(function(e){
        $("#screenshot")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });            
};


// starting the script on page load
$(document).ready(function(){
    screenshotPreview();
});

Czy byłby ktoś w stanie mi pomóc, jak wyliczyc tą pozycje? w komentarzach na stronei skryptu jest dużo wypowiedzi, próbowałem kilka wykorystać, ale coś żaden sposób nie działa.

[kukix]

Udało mi się częsciowo poprawić ten skrypt:

Mianowicie poprawiłem końcówkę:

Kod

$(".imageTooltip").mousemove(function(e){
var posY;

if (e.pageY - $(window).scrollTop() + $('#screenshot').height() >= $(window).height() ) {
  posY = $(window).height() + $(window).scrollTop() - $('#screenshot').height() - 15;
} else {
  posY = e.pageY - 15;
}

$("#tooltip")
  .css("top",(posY) + "px")
  .css("left",(e.pageX + 15) + "px");

});

i teraz już wyskakujące okienko nie rozciąga stronę na wysokość..

Problem jest jednak ze współrzędną X.. okienko ucieka poza okno przeglądarki na prawo..

Czy mógłby ktoś pomóc mi obliczyć tą współrzędną X?


Ten post edytował kukix 2.07.2011, 12:53:12