zh/searchurl/txt/djvu.html

   1 <!DOCTYPE html>
   2 <html>
   3   <header>
   4     <meta charset="utf-8">
   5     <script src="https://djvu.js.org/assets/dist/djvu.js"></script>
   6     <script src="https://djvu.js.org/assets/dist/djvu_viewer.js"></script>
   7
   8     <style>
   9       #for_viewer {
  10           height: 80vh;
  11           width: 90vw;
  12           margin: 5vh auto;
  13           border: 1px solid black;
  14       }
  15     </style>
  16   </header>
  17
  18   <body>
  19     <div id="for_viewer"></div>
  20     <script>
  21       // save as a global value
  22       window.viewer = new DjVu.Viewer();
  23       viewer.render(document.querySelector("#for_viewer"));
  24       {
  25         //?url=#page=
  26         let url = location.search.substring(5);
  27         let page = 1;
  28         let lhash = location.hash;
  29         if(lhash)
  30           page = parseInt(lhash.substring(6),10);
  31         viewer.loadDocumentByUrl(url,{"pageNumber": page,});
  32       }
  33       window.addEventListener('hashchange', function() {
  34         let page = 1;
  35         let lhash = location.hash;
  36         if(lhash)
  37           page = parseInt(lhash.substring(6),10);
  38         viewer.configure({pageNumber: page,});
  39         /*
  40         viewer.store.dispatch({
  41           type: DjVu.Viewer.ActionTypes.SET_NEW_PAGE_NUMBER_ACTION,
  42           pageNumber: page,
  43           shouldScrollToPage: true,
  44         });
  45         */
  46       });
  47     </script>
  48
  49   </body>
  50
  51 </html>