Put transparent background image in flip areas so that mouse events are captured...

diff --git a/GnuBook/GnuBook.css b/GnuBook/GnuBook.css
index ff39092..b1deebb 100644 (file)
--- a/GnuBook/GnuBook.css
+++ b/GnuBook/GnuBook.css
@@ -179,3 +179,7 @@ a.GBblack:visited   { color: #000000 }
     font-size: 10px; 
     float: left; 
 }
+
+.GBfliparea {
+    background-image: url(images/transparent.png); # Required to capture mouse on IE
+}

diff --git a/GnuBook/GnuBook.js b/GnuBook/GnuBook.js
index 1596ed4..e6aa99f 100644 (file)
--- a/GnuBook/GnuBook.js
+++ b/GnuBook/GnuBook.js
@@ -1005,6 +1005,7 @@ GnuBook.prototype.prepareTwoPageView = function(centerPercentageX, centerPercent
     var self = this; // for closure
     
     this.twoPage.leftFlipArea = document.createElement('div');
+    this.twoPage.leftFlipArea.className = 'GBfliparea';
     $(this.twoPage.leftFlipArea).attr('id', 'GBleftflip').css({
         border: '0',
         width:  this.twoPageFlipAreaWidth() + 'px',
@@ -1021,6 +1022,7 @@ GnuBook.prototype.prepareTwoPageView = function(centerPercentageX, centerPercent
     }).appendTo('#GBtwopageview');
     
     this.twoPage.rightFlipArea = document.createElement('div');
+    this.twoPage.rightFlipArea.className = 'GBfliparea';
     $(this.twoPage.rightFlipArea).attr('id', 'GBrightflip').css({
         border: '0',
         width:  this.twoPageFlipAreaWidth() + 'px',
@@ -1035,9 +1037,9 @@ GnuBook.prototype.prepareTwoPageView = function(centerPercentageX, centerPercent
     }).bind('mousedown', function(e) {
         e.preventDefault();
     }).appendTo('#GBtwopageview');
-
+    
     this.prepareTwoPagePopUp();
-
+    
     this.displayedIndices = [];
     
     //this.indicesToDisplay=[firstLeaf, firstLeaf+1];

diff --git a/GnuBook/images/transparent.png b/GnuBook/images/transparent.png
new file mode 100644 (file)
index 0000000..209a438
Binary files /dev/null and b/GnuBook/images/transparent.png differ