Changeset 30519 for main/trunk/model-sites-dev/mozarts-laptop/collect/digital-music-stand/script/musicstand-main.js

Timestamp:

2016-05-09T22:04:34+12:00 (8 years ago)

Author:

davidb

Message:

Breakbar moved from right-hand side to left-hand side. Page turn upgraded to swipe left-to-right after breakbar marker; more carefully prescribed size of window through CGI params so page can be centred in window if opened up full-size, as can happen in Expeditee with embedded browser

File:

• main/trunk/model-sites-dev/mozarts-laptop/collect/digital-music-stand/script/musicstand-main.js (modified) (3 diffs)

main/trunk/model-sites-dev/mozarts-laptop/collect/digital-music-stand/script/musicstand-main.js

@@ -118 +118 @@
   // setup page 2 as next page
   var nextPageImg = document.getElementById("nextpageimg");
+  var nextPageImg_LR = document.getElementById("nextpage-lr-img");
   var nextPageUrl = musicStand.httpnextanim(gs.cgiParams["pagePrefix"],gs.cgiParams["pageSuffix"],musicStand.getPageNum()+1);
 
@@ -126 +127 @@
   ////}
   nextPageImg.src = nextPageUrl;
+  nextPageImg_LR.src = nextPageUrl;
 
     if (musicStand.getPageNum()>1) {
@@ -136 +138 @@
     }
     
-  // some browsers clear clip rectangle with new image => set it to what we need
+    // some browsers clear clip rectangle with new image => set it to what we need
+  var clip_str = "rect(0px, "+gs.cgiParams["pageWidth"]+"px, "+gs.cgiParams["pageHeight"]+"px, "+gs.cgiParams["pageWidth"]+"px)";
+    
   var nextpagediv = document.getElementById("nextpagediv");
-  nextpagediv.style.clip = "rect(0px, "+gs.cgiParams["pageWidth"]+"px, "+gs.cgiParams["pageHeight"]+"px, "+gs.cgiParams["pageWidth"]+"px)";
+  nextpagediv.style.clip = clip_str;
+  var nextpagediv_lr = document.getElementById("nextpage-lr-div");
+  nextpagediv_lr.style.clip = clip_str;
 
   var prevpagediv = document.getElementById("prevpagediv");
-  prevpagediv.style.clip = "rect(0px, "+gs.cgiParams["pageWidth"]+"px, "+gs.cgiParams["pageHeight"]+"px, "+gs.cgiParams["pageWidth"]+"px)";
+  prevpagediv.style.clip = clip_str;
+  var prevpagediv_lr = document.getElementById("prevpage-lr-div");
+  prevpagediv_lr.style.clip = clip_str;
 
   var animedgebleed = document.getElementById("animedgebleed");
-  animedgebleed.style.clip = "rect(0px, "+gs.cgiParams["pageWidth"]+"px, "+gs.cgiParams["pageHeight"]+"px, "+gs.cgiParams["pageWidth"]+"px)";
+  animedgebleed.style.clip = clip_str;
+  var animedgebleed_lr = document.getElementById("animedgebleed-lr");
+  animedgebleed_lr.style.clip = clip_str;
 
   // no previous page to set up