Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Skrypt z wyskakującym okienkiem ucieka poza okno przeglądarki, Jak temu zaradzić? Jaką pozycje okienka podać?
kukix
post
Post #1





Grupa: Zarejestrowani
Postów: 600
Pomógł: 2
Dołączył: 1.09.2002
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
zembi1991
post
Post #2





Grupa: Zarejestrowani
Postów: 13
Pomógł: 0
Dołączył: 20.02.2010

Ostrzeżenie: (0%)
-----


jeżeli dobrze zrozumiałem i masz okienko wyskakujące koło kursora po najechaniu na jakis element po prawej stronie(przykładowo) i problem tkwi w tym iż w przypadku gdy ten element jest przy prawej krawędzi strony to okienko wyskakuje poza jej obrys (poszerzając stronę) to proponuję najpierw oszacować jakos szerokość wyskakującego okienka a nastepnie sprawdzić czy pozycja (x-owa) elementu do którego się odwolujesz przy ustawianiu pozycji tooltip'a jest wieksza od [window.outerWidth - 'szerokość okienka' ] i jeśli tak to ustawić pozycję wyskakującego okienka w tkai sposób aby wyswietlał się po lewej stronie,
jeśli namieszałem , a dobrze zrozumiałem o co CI chodzi to pisz, postarma sie to wytlumaczyć inaczej (IMG:style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
kukix
post
Post #3





Grupa: Zarejestrowani
Postów: 600
Pomógł: 2
Dołączył: 1.09.2002
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


tak, własnie o to chodzi, że jak element w galerii jest już przy prawym boku akurat, to wyskakujące okienko juz jest poza oknem przeglądarki..

tylko, że niebardzo jest możłiwośc obliczenia szerokości tego okna.. może tam byćwszystko.. tzn wąskie zdjecie, albo szerokie, nei ma zasady :/

Ten post edytował kukix 2.06.2011, 10:05:33
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.10.2025 - 06:19