javascript - Message is not getting masked automatically in Chrome and IE in Extjs -

javascript - Message is not getting masked automatically in Chrome and IE in Extjs -

i having problem iframe in extjs. below code snippet works fine in firefox not work in ie , in chrome. "msg" should hidden automatically 1 time download started. please suggest wrong below code.

items: [{ xtype: 'button', icon: 'images/interface-icons/page_white_magnify.gif', text: t['generatereport'], width: 100, handler: function(me) { // loding mask mymask = new ext.loadmask(ext.getbody(), {msg: "please wait...preparing dowload csv file."}); window.mymask.show(); var url = getbaseurl() + 'index.php?r=admin/administrativereport'; downloadurl = url; var downloadframe = document.createelement("iframe"); downloadframe.setattribute('src', downloadurl); downloadframe.setattribute('id', "i_frame"); downloadframe.setattribute('class', "screenreadertext"); downloadframe.setattribute('onload', "setframeloaded()"); document.body.appendchild(downloadframe); settimeout(function() { mymask.hide(); }, 600000); } }] function setframeloaded() { window.mymask.hide(); }

javascript google-chrome iframe extjs onload