success dialog message w/ xajax that fades away

Xajax:

   $objResponse->create(“content”, “div”, “done_message”);

$html = “\”Save Save Complete”;

$objResponse->assign(‘done_message’, ‘innerHTML’, “$html”);

$objResponse->script(” $(‘#done_message’).dialog({

width: 300, height: 130, modal:true, resizable: false, draggable: false, dialogClass: ‘done_message’ });

“);

$objResponse->script(” $(‘#done_message’).closest(‘.ui-dialog’).find(‘.ui-dialog-titlebar’).hide();”);

$objResponse->script( “setTimeout(function(){ $(‘#done_message’).fadeOut(300, function(){ $(this).remove();});}, 500);  “);

 

 

CSS:

.done_message {

text-align: center;

font-size: 15pt;

font-weight:bold;

}

This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Your email address will not be published.