license page autoscroll

tebrandt · tebrandt · commit 307db6edbd87 · 2012-07-09T14:05:26.000-07:00
diff --git a/css/license.css b/css/license.css
@@ -66,16 +66,6 @@
     background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
 }
 
-#licensebtnu {
-    left: 630px;
-    width: 50px;
-}
-
-#licensebtnd {
-    left: 344px;
-    width: 50px;
-}
-
 #licensebtnq {
     left: 412px;
     width: 200px;
diff --git a/index.html b/index.html
@@ -18,8 +18,6 @@
   <body>
     <div id="licensepage" style="display: none">
       <iframe id="licensetext" src="README.txt"></iframe>
-      <div id="licensebtnu" class="licensebtn">&uarr;</div>
-      <div id="licensebtnd" class="licensebtn">&darr;</div>
       <div id="licensebtnq" class="licensebtn">Back</div>
     </div>
     <div id="splash-screen">
diff --git a/js/license.js b/js/license.js
@@ -10,55 +10,50 @@
 function license_init(id, hpageid)
 {
     var lbtn = document.getElementById(id+"btnl");
-    var ubtn = document.getElementById(id+"btnu");
-    var dbtn = document.getElementById(id+"btnd");
     var qbtn = document.getElementById(id+"btnq");
     var lpage = document.getElementById(id+"page");
-    var ltext = document.getElementById(id+"text").contentWindow;
     var hpage = document.getElementById(hpageid);
     var frame = window.frames[id+"text"];
-    var scroll_y = 0;
-    var click_y = 0;
-    var isdrag = false;
-
-    ltext.ontouchstart = function(e) {};
-    ltext.ontouchend = function(e) {};
-    ltext.ontouchmove = function(e) {};
-
-    ltext.onmousedown = function(e) {
-        isdrag = true;
-        click_y = e.y;
-        scroll_y = frame.scrollY;
-    };
-
-    ltext.onmouseup = function(e) {
-        isdrag = false;
-    };
-
-    ltext.onmousemove = function(e) {
-        if(isdrag)
-        {
-            frame.scrollTo(0, scroll_y + click_y - e.y);
-        }
-    };
+    var dY = 1;
+    var t0 = 0;
+    var timer;
 
     lbtn.onclick = function() {
+        var delay = 0;
+        /* display the license page, hide its parent */
         hpage.style.display="none";
         lpage.style.display="block";
-    };
 
-    ubtn.onmousedown = function() {
-        var val = frame.scrollY - 400
-        frame.scrollTo(0, (val < 0)?0:val);
-    };
-
-    dbtn.onmousedown = function() {
-        var val = frame.scrollY + 400
-        frame.scrollTo(0, val);
+        /* start the autoscroll interval */
+        timer = setInterval(function() {
+            /* get the actual interval, in case performance slows us down */
+            var t1 = (new Date()).getTime();
+            var dT = (t0 == 0)?20:(t1-t0);
+            t0 = t1;
+            var old = frame.scrollY;
+            frame.scrollTo(0, frame.scrollY + ((dT/20)*dY));
+
+            /* if the frame has hit the limit, delay and swing */
+            /* the other way */
+            if((frame.scrollY == old)&&(delay++ > ((100*dT)/20)))
+            {
+                delay = 0;
+                if(frame.scrollY > 0)
+                {
+                    dY = -20;
+                }
+                else
+                {
+                    dY = 1;
+                }
+            }
+        }, 20);
     };
 
     qbtn.onclick = function() {
         hpage.style.display="block";
         lpage.style.display="none";
+        clearInterval(timer);
     };
 }
+
