Skip to main content

Show an animated gif onClientClick

To show an animated gif, something like loading onClientClick is a simple task. You just have to add a JavaScript function on the click event so the JS function will take care until the next page loads from the server. Inside the JS function we just have to hide the excising div and show the div which contains animated loading gif.

I have done it and it works fine on every other browser except IE. On IE the gif is shown but it is not animated. I have to do some R&D and what I found was IE doesn't do anything like that when it is loading another page (communicating with server) and was commented as a feature limitation of IE.

But there should be a way to do that, that's what I was thinking and I found a pretty simple way to do that. Here it is and if you have a better way please share it here.

<div id="divProgress" runat="server"> 
</div>

<div id="Div1" runat="server">

The web form comes here …

</div>


 

The JavaScript was like this.

<script type="text/javascript"> 
<!-- 
  
function ShowProgress() { 
  document.getElementById(
'<%=Div1.ClientID %>').style.display = 'none';       
  document.getElementById(
'<%=divProgress.ClientID %>').style.display = "block"; 
  document.getElementById(
'<%=divProgress.ClientID %>').innerHTML = '<div align="center"" class="ltGreenBorder"><br /><img alt="Progress" align="top" src="/images/pleasewait.gif" /> </div>';

    } 
//--> 
</script>


 

What I have done is simply updates innerHTML for the loading div. The gif started animating magically.


 

Comments

Popular posts from this blog

Google API v3 with PHP using Blogger service

It was really hard for me to understand how the Google APIs are working at the first point and took few days for me to figure out. But after a successful working prototype it seems very easy. And also when I am searching for a simple example I was unable to find a good one that I can understand. So let me list down step by step what I have done with URLs and as simple as I can. Create a Google app location -  https://code.google.com/apis/console Switch on the "Blogger API v3" Get the latest APIs client library for PHP location -  https://code.google.com/p/google-api-php-client/downloads/list Upload the files to your host location on on localhost Extract the files to folder  named "GoogleClientApi" Create your php file outside of the folder  Copy paste following code into the file and do the changes as needed  By changing the scope and the service object you can access all the services that is given by Google APIs through the PHP API l...

Assets and Liabilities as Rich Dad, Poor Dad explains

I was reading "The rich dad poor dad by Robert Kiyosaki" here is a one point that he mentions on that. Basically Asset as he says is little bit different than on books. If something puts money in your pocket it is a asset. And Liabilities are the ones that takes money out of your pocket. OK for example a house or a car may seems like an Asset but it takes money out of you pocket to maintain them. But if you rent them or make them to make money at the end of the day you can convert it to a asset. Basically that what rich people do. They buy assets. Middle class buy liabilities (thinking those are assets) and stuff (a lot of them that not used or that not needed). Lower class buy to consume (basic needs like foods).

Simple book keeping basics

There are tons of jargon on accounting. But a lot of them are rubbish that used for categorizing the incomes, expenses and Tax. What really matters are Balance Sheet and P&L (profit & loss) statement. If you really knows to read and understand these two then you know the basic language in business.  I'll go deeper on these if you guys interest or else please Google and read about these two. Let me share a real world example of what I am talking about. Here is the Access Engineering PLC / Annual Report 2015/16 http://www.accessengsl.com/wp-content/uploads/2016/07/Annual-Report-2015-16.pdf Please go to page 149 of the report and you will see the Statement of Profit or Loss. And on page 150 of the report you see the Balance sheet (they call it as Statement of Financial Position). And you can see it is balanced (of cause it is balance sheet) Total Assets = Total Equity and Liabilities Basically these are the things that people are supposed look at before invest...