witam

mam na stronie kilka elementow, po ktorych kliknieciu wyskakuje obok nich jquery ui dialog
na poczatku badam pozycje kazdego z tych elementow, a pozniej ustawiam odpowiednia pozycje podczas inicjowania jquery ui dialog
pozycja elementu jest liczona w pixelach od poczatku strony
pozycja okienka jquery jest liczona w pixelach od krawedzi przegladarki
czyli w momencie gdy przewine strone w dol powstanie niezgodnosc

da sie jakos sprawdzic o ile px strona zostala przesunieta w dol?

Witaj.

Finkcja, której szukasz to scrollTop().

Pozdrawiam

pomylka - jquery liczy od gory strony
natomiast faktem jest, ze jak wklepie pozycje [200, 300], czyli 200 od lewej i 300 od gory, a strona bedzie przewinieta to dostane np. style="left: 200px; top: 288px"
z czego to wynika... nie wiem

Podajesz za mało precyzyjne dane abym mógł Ci pomóc.

Jakiś kod może?

Sprawa wyglada tak:
* mam kilka przyciskow pod soba, po kliknieciu obok przycisku pojawia sie okienko

[HTML] pobierz, plaintext 
<button onclick="pokazOkienko( [ID], this )">pokaz okienko</button>
[HTML] pobierz, plaintext 

* funkcja pokazOkienko:

[HTML] pobierz, plaintext 
<script>
function pokazOkienko(videoID, thisE) {
                var pos = $(thisE).position();
 
                deleteVideoDialog = $('#dialog').dialog({
                    position: [400, pos.top-40], // ustawia pozycje okienka obok przycisku
                });
            }
 
</script>
[HTML] pobierz, plaintext 

przygotowalem demo problemu:

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<script src="http://jqueryui.com/jquery-1.7.1.js"></script>
<script src="http://jqueryui.com/external/jquery.bgiframe-2.1.2.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.mouse.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.draggable.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.position.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.resizable.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.dialog.js"></script>
<link rel="stylesheet" href="http://jqueryui.com/demos/demos.css">
 
<script>
 
var currentButton;
 
function pokazOkienko(thisE) {
    var pos = $(thisE).position();
 
    //ostatnio klikniety przycisk
    $(thisE).css('color', '#f00');
    $(currentButton).css('color', '#000');
    currentButton=thisE;
 
    $('#dialog').dialog({
        position: [100, pos.top-60],
    });
}
 
</script>
 
<button onclick="pokazOkienko(this);">przycisk 1</button>
<br><br><br><br><br><br>
<button onclick="pokazOkienko(this);">przycisk 2</button>
<br><br><br><br><br><br>
<button onclick="pokazOkienko(this);">przycisk 3</button>
<br><br><br><br><br><br>
<button onclick="pokazOkienko(this);">przycisk 4</button>
<br><br><br><br><br><br>
<button onclick="pokazOkienko(this);">przycisk 5</button>
<br><br><br><br><br><br>
<button onclick="pokazOkienko(this);">przycisk 6</button>
 
<div id="dialog" style="display: none; font-size: 22px; text-align: center;">
 
jakas tresc okienka
 
</div>
[HTML] pobierz, plaintext 

dla pewnosci pokazuje jak to u mnie wyglada
czerwony kolor pokazuje ostatnio klikniety przycisk

1. duzy ekran, nie ma przewijania - dziala
http://imageshack.us/photo/my-images/594/s...exhtmlgoog.png/
http://imageshack.us/photo/my-images/594/s...exhtmlgoog.png/

2. maly ekran, suwak na gorze - dziala
http://imageshack.us/photo/my-images/3/scr...exhtmlgoog.png/

3. maly ekran, suwak na dole - nei dziala
http://imageshack.us/photo/my-images/252/s...exhtmlgoog.png/
http://imageshack.us/photo/my-images/703/s...exhtmlgoog.png/

z niejasnego dla mnie powodu jquery dodaje cos od siebie do position

Problem tkwi w tym, że funkcja position zwraca ilość pikseli od krawędzi dokumentu - nie zależnie od przewijania.

Za to parametr position dla widget-a dialog() określa odległość pikselach od krawędzi okna przeglądarki.

Aby ujednolicić sposób interpretacji - należy uwzględnić schowaną część strony.
W skrypcie została utworzona dodatkowa zmienna o nazwie hiddenPart i została ona uwzględniona przy wyświetlaniu okienka.

Podgląd tutaj: http://jsfiddle.net/bzwierzynski/6QUxk/show/
Kod tutaj: http://jsfiddle.net/bzwierzynski/6QUxk/

Pozdro