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

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: 8.10.2025 - 23:42