如何在 chrome 扩展弹出窗口中添加加载程序？

Question

I am developing chrome extension and loading iframe in that the problem is when i am clicking on the extension icon it's taking time to show popup. Actually it's wait for iframe load. When iframe loads then popup opens up.

So i want to open popup when someone click on icon and show loader until the iframe load.

Thanks in advance.

Answer 1

You need to define two functions showIcon and hideIcon.

function showIcon() {
   document.getElementById('loading').style.display ='block';
 } 

 function hideIcon() {
   document.getElementById('loading').style.display ='none';
 }

You execute showIcon when making the xhr request and then call hideIcon when xhr returns.

//html

<div id="loading">Loading</div>

//css

#loading{
text-indent:-9999px
background-image:url('loading.gif');
display:none;
}