We use xajax calls to server functions to update databases or insert records from a web page. Usually when they finish they return javascript to close the dialog or div tag and show an alert — this can be maddening if you are trying to add a lot of data and have to click to acknowledge the alert each time.<\/p>\n
So this solution works well to give visual confirmation that doesn’t require clicking.<\/p>\n
\/\/ Normal close dialog and remove edit form div<\/p>\n
$objResponse->script(” $(‘#edit_item’).dialog(‘close’);”);
\n$objResponse->remove(‘edit_item’);<\/p>\n<\/p>\n
\/\/ Replace table with new updated values and call jquery data table to make look good<\/p>\n
$objResponse->assign(“table_content_div”,”innerHTML”, “$html”);
\n$objResponse->script(“$(‘#item_table’).dataTable( {
\nbJQueryUI: true,
\nbAutoWidth: false,
\naoColumns: [{‘sWidth’:’10%’},{‘sWidth’:’30%’},{‘sWidth’:’60%’}],
\nsScrollY: ‘400px’,
\nbSort: false,
\nbScrollCollapse: true,
\nbProcessing: true,
\nbDeferRender: true,
\niDisplayLength: ‘-1’,
\naLengthMenu: [[10, 25, 50, 100, 500, -1], [10, 25, 50, 100, 500, ‘All’]]
\n}); “);<\/p>\n<\/p>\n
\/\/ create div tag with message<\/p>\n
$objResponse->create(‘table_content_div’,’div’,’done_message’);
\n$html = “<img src=\\”images\/Check_Icon.png\\” alt=\\”Save Complete\\”\/> Save Complete”;
\n$objResponse->assign(‘done_message’,’innerHTML’,”$html”);<\/p>\n\/\/ jquery dialog
\n$objResponse->script(” $(‘#done_message’).dialog({
\nwidth: 300,
\nheight: 100,
\nmodal:true,
\nresizable: false,
\ndraggable: false,
\ndialogClass: ‘done_message’
\n});”);
\n$objResponse->script(” $(‘#done_message’).closest(‘.ui-dialog’).find(‘.ui-dialog-titlebar’).hide();”);<\/p>\n<\/p>\n
\/\/ Fade away WITHOUT requiring a click — adjust numbers to effect speed
\n$objResponse->script( “setTimeout(function(){ $(‘#done_message’).fadeOut(300, function(){ $(this).remove();});}, 500);\u00a0 “);<\/p><\/blockquote>\n<\/p>\n
That’s It.<\/p>\n","protected":false},"excerpt":{"rendered":"
We use xajax calls to server functions to update databases or insert records from a web page. Usually when they finish they return javascript to close the dialog or div tag and show an alert — this can be maddening … Continue reading