diff --git a/web/pdf_page_view.js b/web/pdf_page_view.js index 45b79754f..ade2acceb 100644 --- a/web/pdf_page_view.js +++ b/web/pdf_page_view.js @@ -112,7 +112,6 @@ var PDFPageView = (function PDFPageViewClosure() { this.annotationLayer = null; var div = document.createElement('div'); - div.id = 'pageContainer' + this.id; div.className = 'page'; div.style.width = Math.floor(this.viewport.width) + 'px'; div.style.height = Math.floor(this.viewport.height) + 'px'; diff --git a/web/pdf_thumbnail_view.js b/web/pdf_thumbnail_view.js index 65d0f6cf1..e8d8e3a73 100644 --- a/web/pdf_thumbnail_view.js +++ b/web/pdf_thumbnail_view.js @@ -124,8 +124,8 @@ var PDFThumbnailView = (function PDFThumbnailViewClosure() { this.anchor = anchor; var div = document.createElement('div'); - div.id = 'thumbnailContainer' + id; div.className = 'thumbnail'; + div.setAttribute('data-page-number', this.id); this.div = div; if (id === 1) { diff --git a/web/pdf_thumbnail_viewer.js b/web/pdf_thumbnail_viewer.js index 7d7eb5dd9..05eea7c83 100644 --- a/web/pdf_thumbnail_viewer.js +++ b/web/pdf_thumbnail_viewer.js @@ -87,7 +87,8 @@ var PDFThumbnailViewer = (function PDFThumbnailViewerClosure() { if (selected) { selected.classList.remove('selected'); } - var thumbnail = document.getElementById('thumbnailContainer' + page); + var thumbnail = document.querySelector( + 'div.thumbnail[data-page-number="' + page + '"]'); if (thumbnail) { thumbnail.classList.add('selected'); }