[jQuery] Wywołanie okna dialog w innej funkcji Opcje

[mikajlo]

Witam,
w temacie jestem wczesno początkujący.. Zazwyczaj okno dialogowe 'wyskakuje' po wywołaniu jakiegoś zdarzenia, np. click.

Ja potrzebuje wywołać okno jako potwierdzenie.. np. następuje oddanie użytkownika i potem wyświetlenie informacji.. i to okno chciałem wywołać z innej funkcji, ale coś mi nie wychodzi..

Mam powiedzmy taki kod:

[JAVASCRIPT] pobierz, plaintext 
function wywolaj_okno_dialog() {
    $('#d').dialog({
        autoOpen: false,
        bgiframe: true,
        modal: true,
        title: 'tytul',
 
    });
    $('#d').dialog('open');
}
$('#item_signup').on('click', function() {
       if ($('#id_item').val() == 0) {
           alert("You have to select a item");
           return false;
       }
 
       var tour = $('#id_item').val();
 
       if (typeof item == 'undefined' || item == 0) {
           alert("You have to select a item");
           return false;
       }
 
      $.ajax({
            type: 'POST',
            url: '/subpage/signup_ajax/',
            data: {
                item: $('#item').find(':selected').text(),
            },
            success: function(data) {
 
                wywolaj_okno_dialog();
 
                //alert("Ok.");
            },
            error: function (request, status, error) {
                alert(request.responseText);
            }
        });
    });
[JAVASCRIPT] pobierz, plaintext 

To jest jedna z wersji, którą testowałem.. Ogólnie za każdym razem div który miał być wyświetlany w oknie, był wyświelany 'normalnie' na stronie.. Jak widać, zakomentowana jest wersja z funkcją alert, która działa poprawnie z tym ,ze wyswietlana informacja to nie jest alert ;p a informacja.. i do tego chciałbym ją sobie odpowiednio zmodyfikować..

Czekam na jakieś sugestie (najlepiej jakiś prosty, działający 'kodowy' przykład..)
Pozdrawiam!

[PrinceOfPersia]

Ogólnie za każdym razem div który miał być wyświetlany w oknie, był wyświelany 'normalnie' na stronie..

a jesteś pewien, że dołączyłeś style CSS do jQuery UI?

[mikajlo]

a jesteś pewien, że dołączyłeś style CSS do jQuery UI?

Nie wiem dokładnie o co chodzi.. (więc raczej tego nie robiłem..)

Znalazłem taki fragment kodu:

[JAVASCRIPT] pobierz, plaintext 
$(window).load(function() {
   $('#ui-datepicker-div').addClass('CSS-Scope-Class');
});
[JAVASCRIPT] pobierz, plaintext 

rozumiem, że każdy swój element muszę w ten sposób zainicjować aby był on 'obsługiwany' ?

[PrinceOfPersia]

miałem na mysli to, że jak korzystasz z jQuery UI (a korzystasz, prawda?), to musisz dołączyć jakieś pliki *.CSS z szablonem tych okienek.
przynajmniej tak kiedyś było (nie używam już tego, bo są lepsze metody na tworzenie dialogów)

[mikajlo]

miałem na mysli to, że jak korzystasz z jQuery UI (a korzystasz, prawda?), to musisz dołączyć jakieś pliki *.CSS z szablonem tych okienek.
przynajmniej tak kiedyś było (nie używam już tego, bo są lepsze metody na tworzenie dialogów)

ciężko mi tak konkretnie odpowiedzieć, bo brak mi komptenecji .. po prostu chciałem sobie wdrożyć taką funkcję dialogu..

Ogólnie korzystam z bootstrapa.. tam są już dołączone pliki css i biblioteka jquery..

[PrinceOfPersia]

no to w bootstrapie możesz przekleić HTML ze strony http://getbootstrap.com/javascript/#modals
i potem wywołać metodą $("#id-elementu").modal();

[mikajlo]

Dzięki, wydaje się, że to spełni moje wymagania

Ale pojawił się inny związany z tym problem o którym nie zdawałem sobie sprawy..

Bo dotychczas wywoływałem okno alert() i ono blokuje niejako wykonanie dalszego kodu.. co było istotne dla mnie bo po zamknięciu tego okna zostaje wykonane przekierowanie..

Teraz mając własne okno dialogowe, te przekierwoanie 'nie czeka' aż sam użytkownik jest zamknie tylko od razu wykonywane jest przekierwoanie..

Jak to moża rozwiązać ?