[AJAX]jquery dialog - jak wycentrować? Opcje

[trifek]

Witam serdecznie,
Mam okienko jquery ui dialog umieszczone: https://www.facebook.com/restaurtest/app/178349606001368/

Kod wygląda następująco:

[HTML] pobierz, plaintext 
  $( function() {
    $( ".dialogmode" ).dialog({
      maxWidth: 630,
      width: 630,	
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 100
      },
      hide: {
        effect: "blind",
        duration: 100
      }
    });
 
    $( ".opener" ).on( "click", function(e) {
    	$( ".dialogmode").dialog( "close" );
 
    	var offest = $(this).offset();
     	var height = $(this).height();
 
    	var liczb = $(this).attr("data-id");
 
    	$(".dialogmodesh-"+liczb ).dialog("option", "position", { my: "center", at: "top + 500px", of: window });
      	$( ".dialogmodesh-"+liczb ).dialog( "open" );
    });
  } );
[HTML] pobierz, plaintext 

dlaczego po kliknięciu w nie otwiera się ono w połowie strony, a nie w miejscu które kliknąłem?

Wie ktoś może jak to naprawić?

[IProSoft]

Tak masz to ustawione opcją position ( center, top + 500), w dokumentacji masz jak ustawić inne pozycje https://api.jqueryui.com/position/

[trifek]

Przepraszam, źle się chyba wyraziłem.

Aktualnie zrobiłem coś takiego:

[PHP] pobierz, plaintext 
$(".dialogmodesh-"+liczb ).dialog("option", "position", { my: "center", at: "top", of: window });
[PHP] pobierz, plaintext 

Kliknięcie w obrazek = otworzenie okienka DIALOG.

Co chcę osiągnąć:

wyświetlanie okienka DIALOGowego na środku ekranu, na wysokości obrazka którego kliknąłem.
Dokumentację czytam

W tej chwili wyskakuje mi to albo na środku ekranu (dużo niżej niż klikam) - albo poza....

Myślałem właśnie żeby dodawać do tego "top" - jakąś wartość. Problemem jest to, że ikonki mam na różnych wysokościach i ta dodawana wartość nie może być stała



chciałbym uzyskać taki efekt jak tutaj: https://www.facebook.com/glownaosobowa/app/117784394919914/

Ten post edytował trifek 6.03.2017, 16:01:15

[IProSoft]

Chyba nie czytasz zbyt dokładnie bo zauważyłbyś, że jest tam również info jak wyświetlić dialog relatywnie do danego elementu, a nie całego okna :-)