Forum PHP.pl > [CSS][JavaScript] Pozycja okienka dialogowego

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][JavaScript] Pozycja okienka dialogowego

Lethys

7.12.2011, 14:38:29

Witam,

Korzystam z okienek dialogowych jQuery. Wszystko jest cacy, ale mam problem z rozmieszczeniem ich.

W instrukcji (position):

Cytat

Specifies where the dialog should be displayed. Possible values:
1) a single string representing position within viewport: 'center', 'left', 'right', 'top', 'bottom'.
2) an array containing an x,y coordinate pair in pixel offset from left, top corner of viewport (e.g. [350,100])
3) an array containing x,y position string values (e.g. ['right','top'] for top right corner).

żródło: http://docs.jquery.com/UI/Dialog

Korzystając z instrukcji mam u siebie:

[PHP] pobierz, plaintext 
		$("#dialog").dialog('option', 'position', ['right', 'top']);
[PHP] pobierz, plaintext

Czyli okienka wyświetlają mi się w prawym górnym rogu a jak chciałbym aby były w prawym górnym rogu ale trochę oddalone od krawędzi.

Jak mogę zrobić aby je oddalić od krawędzi (próbowałem jakieś eksperymenty z ['right-20px'] ale nie działa

).

Chciałbym aby na różnych rozdzielczościach było mniej więcej tak samo oddalone.

kamil4u

7.12.2011, 14:56:28

Nie znam dobrze jQuery, ale zgodnie z dokumentacja wydaje się, że nie ma tak łatwo

Skorzystaj z:
-

Cytat

2) an array containing an x,y coordinate pair in pixel offset from left, top corner of viewport (e.g. [350,100])

- http://api.jquery.com/width/
- prosta matematyka: (szerokość_strony - 20)px

Lethys

7.12.2011, 14:58:53

No niby tak ale co 2 użytkownik ma inna rozdzielczość.

U jednego 20 pixeli będzie widoczne a u innego nie będzie widać różnicy.

Nie da się ustawić tego jakoś procentowo? np. 15% od lewej strony i 15% od topa?

kamil4u

7.12.2011, 15:59:46

Matematyka: (szerokość_ekranu*0.75)+'px'

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.