// Object to hold parameters related to 1up mode
this.onePage = {
autofit: 'height' // valid values are height, width, none
- },
+ };
// Object to hold parameters related to 2up mode
this.twoPage = {
coverInternalPadding: 10, // Width of cover
coverExternalPadding: 10, // Padding outside of cover
bookSpineDivWidth: 30, // Width of book spine $$$ consider sizing based on book length
- autofit: 'auto',
+ autofit: 'auto'
};
- // Background color for pages (e.g. when loading page image)
- // $$$ TODO dynamically calculate based on page images
- this.pageDefaultBackgroundColor = 'rgb(234, 226, 205)';
-
return this;
};
left: this.twoPage.gutter-this.twoPage.scaledWL+'px',
right: '',
top: top+'px',
- backgroundColor: this.getPageBackgroundColor(indexL),
height: this.twoPage.height +'px', // $$$ height forced the same for both pages
width: this.twoPage.scaledWL + 'px',
borderRight: '1px solid black',
left: this.twoPage.gutter+'px',
right: '',
top: top+'px',
- backgroundColor: this.getPageBackgroundColor(indexR),
height: this.twoPage.height + 'px', // $$$ height forced the same for both pages
width: this.twoPage.scaledWR + 'px',
borderLeft: '1px solid black',
var offset = parseInt( (pageX) / this.reduce);
offset -= $('#BRcontainer').attr('clientWidth') >> 1;
leafLeft += offset;
+ } else {
+ // Preserve left position
+ leafLeft = $('#BRcontainer').scrollLeft();
}
//$('#BRcontainer').attr('scrollTop', leafTop);
visibility: 'visible',
position: 'absolute',
left: this.twoPage.bookCoverDivLeft + 'px',
- top: this.twoPage.bookCoverDivTop+'px',
+ top: this.twoPage.bookCoverDivTop+'px'
}).appendTo('#BRtwopageview');
this.leafEdgeR = document.createElement('div');
width: this.twoPage.leafEdgeWidthR + 'px',
height: this.twoPage.height-1 + 'px',
left: this.twoPage.gutter+this.twoPage.scaledWR+'px',
- top: this.twoPage.bookCoverDivTop+this.twoPage.coverInternalPadding+'px',
+ top: this.twoPage.bookCoverDivTop+this.twoPage.coverInternalPadding+'px'
}).appendTo('#BRtwopageview');
this.leafEdgeL = document.createElement('div');
width: this.twoPage.leafEdgeWidthL + 'px',
height: this.twoPage.height-1 + 'px',
left: this.twoPage.bookCoverDivLeft+this.twoPage.coverInternalPadding+'px',
- top: this.twoPage.bookCoverDivTop+this.twoPage.coverInternalPadding+'px',
+ top: this.twoPage.bookCoverDivTop+this.twoPage.coverInternalPadding+'px'
}).appendTo('#BRtwopageview');
div = document.createElement('div');
this.twoPagePopUp = document.createElement('div');
this.twoPagePopUp.className = 'BRtwoPagePopUp';
$(this.twoPagePopUp).css({
- zIndex: '1000',
+ zIndex: '1000'
}).appendTo('#BRcontainer');
$(this.twoPagePopUp).hide();
if (loadImage) {
//console.log('prefetching ' + index);
var img = document.createElement("img");
+ img.className = 'BRpageimage';
+ if (index < 0 || index > (this.numLeafs - 1) ) {
+ // Facing page at beginning or end, or beyond
+ $(img).css({
+ 'background-color': 'transparent'
+ });
+ }
img.src = pageURI;
img.uri = pageURI; // browser may rewrite src so we stash raw URI here
this.prefetchedImgs[index] = img;
top: top+'px',
height: this.twoPage.height,
width: scaledW+'px',
- backgroundColor: this.getPageBackgroundColor(prevL),
borderRight: '1px solid black',
zIndex: 1
}
top: top+'px',
height: this.twoPage.height,
width: '0px',
- backgroundColor: this.getPageBackgroundColor(prevR),
borderLeft: '1px solid black',
zIndex: 2
}
position: 'absolute',
left: gutter+'px',
top: top+'px',
- backgroundColor: this.getPageBackgroundColor(nextR),
height: this.twoPage.height,
width: scaledW+'px',
borderLeft: '1px solid black',
position: 'absolute',
right: $('#BRtwopageview').attr('clientWidth')-gutter+'px',
top: top+'px',
- backgroundColor: this.getPageBackgroundColor(nextL),
height: this.twoPage.height,
width: 0+'px', // Start at 0 width, then grow to the left
borderRight: '1px solid black',
//______________________________________________________________________________
BookReader.prototype.printPage = function() {
window.open(this.getPrintURI(), 'printpage', 'width=400, height=500, resizable=yes, scrollbars=no, toolbar=no, location=no');
-
- /* iframe implementation
-
- if (null != this.printPopup) { // check if already showing
- return;
- }
- this.printPopup = document.createElement("div");
- $(this.printPopup).css({
- position: 'absolute',
- top: '20px',
- left: ($('#BRcontainer').width()-400)/2 + 'px',
- width: '400px',
- padding: "20px",
- border: "3px double #999999",
- zIndex: 3,
- backgroundColor: "#fff"
- }).appendTo('#BookReader');
-
- var indexToPrint;
- if (this.constMode1up == this.mode) {
- indexToPrint = this.firstIndex;
- } else {
- indexToPrint = this.twoPage.currentIndexL;
- }
-
- this.indexToPrint = indexToPrint;
-
- var htmlStr = '<div style="text-align: center;">';
- htmlStr = '<p style="text-align:center;"><b><a href="javascript:void(0);" onclick="window.frames[0].focus(); window.frames[0].print(); return false;">Click here to print this page</a></b></p>';
- htmlStr += '<div id="printDiv" name="printDiv" style="text-align: center; width: 233px; margin: auto">'
- htmlStr += '<p style="text-align:right; margin: 0; font-size: 0.85em">';
- //htmlStr += '<button class="BRicon rollover book_up" onclick="br.updatePrintFrame(-1); return false;"></button> ';
- //htmlStr += '<button class="BRicon rollover book_down" onclick="br.updatePrintFrame(1); return false;"></button>';
- htmlStr += '<a href="#" onclick="br.updatePrintFrame(-1); return false;">Prev</a> <a href="#" onclick="br.updatePrintFrame(1); return false;">Next</a>';
- htmlStr += '</p>';
- htmlStr += '</div>';
- htmlStr += '<p style="text-align:center;"><a href="" onclick="br.printPopup = null; $(this.parentNode.parentNode).remove(); return false">Close popup</a></p>';
- htmlStr += '</div>';
-
- this.printPopup.innerHTML = htmlStr;
-
- var iframe = document.createElement('iframe');
- iframe.id = 'printFrame';
- iframe.name = 'printFrame';
- iframe.width = '233px'; // 8.5 x 11 aspect
- iframe.height = '300px';
-
- var self = this; // closure
-
- $(iframe).load(function() {
- var doc = BookReader.util.getIFrameDocument(this);
- $('body', doc).html(self.getPrintFrameContent(self.indexToPrint));
- });
-
- $('#printDiv').prepend(iframe);
- */
}
// Get print URI from current indices and mode
indexToPrint = this.firstIndex; // $$$ the index in the middle of the viewport would make more sense
}
- var options = 'id=' + this.bookId + '&server=' + this.server + '&zip=' + this.zip
+ var options = 'id=' + this.subPrefix + '&server=' + this.server + '&zip=' + this.zip
+ '&format=' + this.imageFormat + '&file=' + this._getPageFile(indexToPrint)
+ '&width=' + this._getPageWidth(indexToPrint) + '&height=' + this._getPageHeight(indexToPrint);
}
if (autofit) {
- value = autofit[0].toUpperCase() + autofit.slice(1);
+ value = autofit.slice(0,1).toUpperCase() + autofit.slice(1);
} else {
value = (100 / reduce).toFixed(2);
// Strip trailing zeroes and decimal if all zeroes
return false;
}
-// getPageBackgroundColor
-//--------
-// Returns a CSS property string for the background color for the given page
-// $$$ turn into regular CSS?
-BookReader.prototype.getPageBackgroundColor = function(index) {
- if (index >= 0 && index < this.numLeafs) {
- // normal page
- return this.pageDefaultBackgroundColor;
- }
-
- return '';
-}
-
// _getPageWidth
//--------
// Returns the page width for the given index, or first or last page if out of range