show message below spinner when waiting for ajax request

This commit is contained in:
Uwe Steinmann 2023-09-17 16:13:21 +02:00
parent fdc6c6a863
commit 7b805b62d3
2 changed files with 8 additions and 2 deletions

View File

@ -472,6 +472,9 @@ $(document).ready( function() {
var action = element.data('action');
var query = element.data('query');
var afterload = $(this).data('afterload');
var waitmsg = element.data('wait-msg');
if(typeof waitmsg == 'undefined')
waitmsg = '';
if(view && action) {
url = seeddms_webroot+base+"out/out."+view+".php?action="+action;
if(query) {
@ -480,7 +483,7 @@ $(document).ready( function() {
} else
url = href;
if(!element.data('no-spinner'))
element.prepend('<div style="position: _absolute; overflow: hidden; background: #f7f7f7; z-index: 1000; height: 200px; width: '+element.width()+'px; opacity: 0.7; display: table;"><div style="display: table-cell;text-align: center; vertical-align: middle; "><img src="../views/bootstrap/images/ajax-loader.gif"></div>');
element.prepend('<div style="position: _absolute; overflow: hidden; background: #f7f7f7; z-index: 1000; height: 200px; width: '+element.width()+'px; opacity: 0.7; display: table;"><div style="display: table-cell;text-align: center; vertical-align: middle; "><img src="../views/bootstrap/images/ajax-loader.gif"><div>'+waitmsg+'</div></div>');
$.get(url, function(data) {
element.html(data);
if(afterload) {

View File

@ -503,6 +503,9 @@ $(document).ready( function() {
var action = element.data('action');
var query = element.data('query');
var afterload = $(this).data('afterload');
var waitmsg = element.data('wait-msg');
if(typeof waitmsg == 'undefined')
waitmsg = '';
if(view && action) {
url = seeddms_webroot+base+"out/out."+view+".php?action="+action;
if(query) {
@ -511,7 +514,7 @@ $(document).ready( function() {
} else
url = href;
if(!element.data('no-spinner'))
element.prepend('<div style="position: _absolute; overflow: hidden; background: #f7f7f7; z-index: 1000; height: 200px; width: '+element.width()+'px; opacity: 0.7; display: table;"><div style="display: table-cell;text-align: center; vertical-align: middle; "><img src="../views/bootstrap/images/ajax-loader.gif"></div>');
element.prepend('<div style="position: _absolute; overflow: hidden; background: #f7f7f7; z-index: 1000; height: 200px; width: '+element.width()+'px; opacity: 0.7; display: table;"><div style="display: table-cell;text-align: center; vertical-align: middle; "><img src="../views/bootstrap/images/ajax-loader.gif"><div>'+waitmsg+'</div></div>');
$.get(url, function(data) {
element.html(data);
if(afterload) {