[jQuery] Jak wyświetlić komunikat na warstwie ?, Komunikat po wykonaniu Ajax - wyświetlony podobnie do lightbox Opcje

[haryb]

Mam pytanie czy i jak przy użyciu jQuery możemy wyświetlić komunikat na takiej warstwie podobnej do efekty lightbox - tylko że na jasnym tle i i po chwili warstwa z komunikiem powinna się sama zamknąć.

Zapisuje do bazy dane Ajaxem z wykorzystaniem jquery i chciałbym po prostu żeby po kliknięciu zapisz - nie pojawiał mi się komunikat np. poniżej w jakimś divie i cały czas był widoczny tylko żeby właśnie się to pojawiło na takiej jasnej półprzezroczystej warstwie zewnętrznej i po chwili warstwa zniknęła.

Czy przy użyciu jquery jest to w miarę w prosto do zrobienia?

Za wszelką pomoc, naprowadzenie lub przykłady z góry dziękuje.

Pozdro
haryb

[mortus]

Poczytaj o jQuery UI i modal dialog lub poszukaj pod hasłem jquery overlay div.

[haryb]

Dzięki dokładnie o to mi chodzilo - dialog modal + settimeout i jest git:)

pozdro
haryb

Jednego nie mogę znaleźć - mianowicie wyłączenie tego klawisza zamykania X, przałem dokumentacje i metody jednak nie znalazłem jakies właściwości która by dotyczyła tego klawisza.

Część kodu mojego po niżej z tym dialogowym oknem.
Może ktoś wie jak wyłączyć ten X zamykający.

[PHP] pobierz, plaintext 
$.ajax({
      	type: "GET",
      	url: "contact/test",
      	data: "dana="+$("#editor").attr('value'),
      	success: function(msg){
      		$("#dialog-modal").dialog({
      			height: 140,
      			modal: true,
      			resizable: false,
      			draggable: false
      		});
      		setTimeout(function() {
      			$("#dialog-modal").dialog( "close" )
      		}, 1500);
      	}
      });
[PHP] pobierz, plaintext 

Ten post edytował haryb 11.04.2010, 22:18:07

[mortus]

Może tak:

[JAVASCRIPT] pobierz, plaintext 
$.ajax({
        type: "GET",
      	url: "contact/test",
      	data: "dana="+$("#editor").attr('value'),
      	success: function(msg){
      		$("#dialog-modal").dialog({
      			height: 140,
      			modal: true,
      			resizable: false,
      			draggable: false
      		});
                $("#dialog-modal").dialog().parents(".ui-dialog").find(".ui-dialog-titlebar-close").remove();
      		setTimeout(function() {
      			$("#dialog-modal").dialog( "close" )
      		}, 1500);
      	}
      });
[JAVASCRIPT] pobierz, plaintext 

lub w css-ie można ukryć:

[CSS] pobierz, plaintext 
#modal-dialog .ui-dialog-titlebar-close {
            visibility: hidden;
      }
[CSS] pobierz, plaintext 

[haryb]

Super - Wielkie dzięki - działa:)

Pozdro
haryb