How to detect when documentViewer finish loading all document pages?

Question

I am using primefaces documentViewer which is based on mozilla PDF.js: 2.11.338

https://www.primefaces.org/showcase-ext/views/documentViewer.jsf

and I want to know How to detect when documentViewer finish loading all document pages ?

The requirement is to show loading bar until all the document pages finish loading.

I tried this :

document.addEventListener('textlayerrendered', function (e) {
    if (e.detail.pageNumber === PDFViewerApplication.page) {
        // finished rendering
    }
}, true);

and it's not working.

score 1 · Accepted Answer · answered Apr 12 '22 at 09:59

I was able to make it work as follows :

window.onload = function(){
         
        PF('statusDialog').show();
         var checkExist = setInterval(function() {
                var iframe=document.getElementsByTagName('iframe')[0];
               var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
                var viewer = innerDoc.getElementById('viewer');
                var innerHTML = viewer.innerHTML;
                if(innerHTML != null &amp;&amp; innerHTML!='' &amp;&amp; innerHTML!='undefined'){
                    clearInterval(checkExist);
                    PF('statusDialog').hide();
                }              
          }, 1000);  
        
}

Nice work! Thanks for posting your solution for others to see! — Melloware, Apr 12 '22 at 20:14

How to detect when documentViewer finish loading all document pages?

1 Answers1