Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move code to the right place and give it a better style.

Browse Source 
Highlight the background on hover.
This commit is contained in:
gigaherz 2012-02-07 09:23:23 +01:00
parent 6bb14af71c
commit 14eae7cb9f
3 changed files with 29 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/viewer.css
View File

@ -82,6 +82,7 @@ span#info {
width: 350px; width: 350px;
top: 62px; top: 62px;
bottom: 18px; bottom: 18px;
z-index: 1;
} }
#sidebar.released { #sidebar.released {
@ -90,7 +91,6 @@ span#info {
-o-transition: left 0.25s ease-in-out 1s; -o-transition: left 0.25s ease-in-out 1s;
-moz-transition: left 0.25s ease-in-out 1s; -moz-transition: left 0.25s ease-in-out 1s;
-webkit-transition: left 0.25s ease-in-out 1s; -webkit-transition: left 0.25s ease-in-out 1s;
z-index: 1;
} }
#sidebar.pinned, #sidebar.pinned,
@ -105,9 +105,14 @@ span#info {
#pinIcon { #pinIcon {
position: absolute; position: absolute;
top: 4px; top: 4px;
right: 56px; right: 55px;
width: 11px; width: 15px;
height: 12px; height: 15px;
background: center no-repeat;
}
#pinIcon:hover {
background-color: rgba(255,255,255,0.35);
} }
#pinIcon.released { #pinIcon.released {

41
web/viewer.html
View File

@ -34,45 +34,6 @@
</head> </head>
<script type="text/javascript">
function pinCleanup(sidebar, pinIcon) {
sidebar.className = sidebar.className.replace( /(?:^|\s)released(?!\S)/ , '' );
sidebar.className = sidebar.className.replace( /(?:^|\s)pinned(?!\S)/ , '' );
pinIcon.className = pinIcon.className.replace( /(?:^|\s)released(?!\S)/ , '' );
pinIcon.className = pinIcon.className.replace( /(?:^|\s)pinned(?!\S)/ , '' );
}
function pinActivate(sidebar, pinIcon) {
sidebar.className += " pinned";
pinIcon.className += " pinned";
}
function pinDeactivate(sidebar, pinIcon) {
sidebar.className += " released";
pinIcon.className += " released";
}
function pinToggle() {
var sidebar = document.getElementById("sidebar");
var pinIcon = document.getElementById("pinIcon");
var pinState = pinIcon.className;
pinCleanup(sidebar, pinIcon);
if (pinState == "pinned")
pinDeactivate(sidebar, pinIcon);
else
pinActivate(sidebar, pinIcon);
sidebar.className = sidebar.className.trim();
pinIcon.className = pinIcon.className.trim();
}
</script>
<body> <body>
<div id="controls"> <div id="controls">
<button id="previous" onclick="PDFView.page--;" oncontextmenu="return false;"> <button id="previous" onclick="PDFView.page--;" oncontextmenu="return false;">
@ -161,7 +122,7 @@
<div id="sidebar" class="released"> <div id="sidebar" class="released">
<div id="sidebarBox"> <div id="sidebarBox">
<div id="pinIcon" class="released" onClick="javascript:pinToggle()"></div> <div id="pinIcon" class="released" onClick="PDFView.pinSidebar()"></div>
<div id="sidebarScrollView"> <div id="sidebarScrollView">
<div id="sidebarView"></div> <div id="sidebarView"></div>
</div> </div>

19
web/viewer.js
View File

@ -170,6 +170,7 @@ var PDFView = {
currentScale: kUnknownScale, currentScale: kUnknownScale,
currentScaleValue: null, currentScaleValue: null,
initialBookmark: document.location.hash.substring(1), initialBookmark: document.location.hash.substring(1),
pinState: false,
setScale: function pdfViewSetScale(val, resetAutoSettings) { setScale: function pdfViewSetScale(val, resetAutoSettings) {
if (val == this.currentScale) if (val == this.currentScale)
@ -572,6 +573,24 @@ var PDFView = {
break; break;
} }
}, },
pinSidebar: function pdfViewPinSidebar() {
var sidebar = document.getElementById("sidebar");
var pinIcon = document.getElementById("pinIcon");
sidebar.className = sidebar.className.replace( /(?:^|\s)released(?!\S)/ , '' );
sidebar.className = sidebar.className.replace( /(?:^|\s)pinned(?!\S)/ , '' );
pinIcon.className = pinIcon.className.replace( /(?:^|\s)released(?!\S)/ , '' );
pinIcon.className = pinIcon.className.replace( /(?:^|\s)pinned(?!\S)/ , '' );
var newClass = this.pinState ? " pinned" : " released";
sidebar.className += newClass;
pinIcon.className += newClass;
this.pinState = !this.pinState;
},
getVisiblePages: function pdfViewGetVisiblePages() { getVisiblePages: function pdfViewGetVisiblePages() {
var pages = this.pages; var pages = this.pages;