{"id":690,"date":"2012-03-21T05:57:57","date_gmt":"2012-03-21T05:57:57","guid":{"rendered":"http:\/\/mahenderpal.wordpress.com\/?p=690"},"modified":"2012-03-21T05:57:57","modified_gmt":"2012-03-21T05:57:57","slug":"show-loading-message-during-function-execution-in-crm-form","status":"publish","type":"post","link":"https:\/\/himbap.com\/blog\/?p=690","title":{"rendered":"Show Loading message during function execution in CRM Form"},"content":{"rendered":"

I found one question in CRM Development form<\/a>\u00a0where user asked to show some processing message during long function execution, we have done this in many projects, so I thought to write this post so that it can be help CRM developers. if you are doing some processing or calling any webservice which is taking time to execute\u00a0and you want to show loading messsage to user you can use below function<\/p>\n

function showLoadingMessage() {
\n\u00a0\u00a0\u00a0 tdAreas.style.display = ‘none’;
\n\u00a0\u00a0\u00a0 var newdiv = document.createElement(‘div’);
\n\u00a0\u00a0\u00a0 newdiv.setAttribute(‘id’, “msgDiv”);
\n\u00a0\u00a0\u00a0 newdiv.valign = “middle”;
\n\u00a0\u00a0\u00a0 newdiv.align = “center”;
\n\u00a0\u00a0\u00a0 var divInnerHTML = “<table height=’100%’ width=’100%’ style=’cursor:wait’>”;
\n\u00a0\u00a0\u00a0 divInnerHTML += “<tr>”;
\n\u00a0\u00a0\u00a0 divInnerHTML += “<td valign=’middle’ align=’center’>”;
\n\u00a0\u00a0\u00a0 divInnerHTML += “<img alt=” src=’\/_imgs\/AdvFind\/progress.gif’\/>”;
\n\u00a0\u00a0\u00a0 divInnerHTML += “<div\/><b>Working…<\/b>”;
\n\u00a0\u00a0\u00a0 divInnerHTML += “<\/td><\/tr><\/table>”;
\n\u00a0\u00a0\u00a0 newdiv.innerHTML = divInnerHTML;
\n\u00a0\u00a0\u00a0 newdiv.style.background = ‘#FFFFFF’;
\n\u00a0\u00a0\u00a0 newdiv.style.fontSize = “15px”;
\n\u00a0\u00a0\u00a0 newdiv.style.zIndex = “1010”;
\n\u00a0\u00a0\u00a0 newdiv.style.width = document.body.clientWidth;
\n\u00a0\u00a0\u00a0 newdiv.style.height = document.body.clientHeight;
\n\u00a0\u00a0\u00a0 newdiv.style.position = ‘absolute’;
\n\u00a0\u00a0\u00a0 document.body.insertBefore(newdiv, document.body.firstChild);
\n\u00a0\u00a0\u00a0 document.all.msgDiv.style.visibility = ‘visible’;
\n}<\/p>\n

it will display message like below<\/p>\n

\"\"<\/a><\/p>\n

once processing is done you can hide this message using below code<\/p>\n

document.all.msgDiv.style.visibility = ‘hidden’;<\/p>\n

Enjoy !!!<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

I found one question in CRM Development form\u00a0where user asked to show some processing message during long function execution, we have done this in many projects, so I thought to write this post so that it can be help CRM developers. if you are doing some processing or calling any webservice which is taking time to execute\u00a0and you want to… Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,5,10],"tags":[],"_links":{"self":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/690"}],"collection":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=690"}],"version-history":[{"count":0,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/690\/revisions"}],"wp:attachment":[{"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/himbap.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}