X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=tests%2Fdrawing.html;h=d27dd8543dccfdcc79cb14eef2eed051ec02c3ce;hb=335011fd4473f55aaaceb69726d15e0063373149;hp=e873b747b7a20fff772c0b3d6657762c6f1d4fb1;hpb=8c5fe59ea2f22d8c4fbab80fcaf702843fccf2f9;p=dygraphs.git

diff --git a/tests/drawing.html b/tests/drawing.html
index e873b74..d27dd85 100644
--- a/tests/drawing.html
+++ b/tests/drawing.html
@@ -6,10 +6,12 @@
     <!--[if IE]>
     <script type="text/javascript" src="../excanvas.js"></script>
     <![endif]-->
-    <script type="text/javascript" src="../strftime/strftime-min.js"></script>
-    <script type="text/javascript" src="../rgbcolor/rgbcolor.js"></script>
-    <script type="text/javascript" src="../dygraph-canvas.js"></script>
-    <script type="text/javascript" src="../dygraph.js"></script>
+    <!--
+    For production (minified) code, use:
+    <script type="text/javascript" src="dygraph-combined.js"></script>
+    -->
+    <script type="text/javascript" src="../dygraph-dev.js"></script>
+
 
     <script type="text/javascript">
     var start_date = new Date("2002/12/29").getTime();
@@ -23,7 +25,7 @@
     <style type="text/css">
     #tool_zoom {
       background: url('drawing/tool-palette.png');
-      background-position-x: 0px;
+      background-position: 0px 0px;
       width: 32px;
       height: 33px;
       margin-left: 50px;
@@ -31,14 +33,14 @@
     }
     #tool_pencil {
       background: url('drawing/tool-palette.png');
-      background-position-x: -32px;
+      background-position: -32px 0px;
       width: 32px;
       height: 33px;
       display: inline-block;
     }
     #tool_eraser {
       background: url('drawing/tool-palette.png');
-      background-position-x: -64px;
+      background-position: -64px 0px;
       width: 33px;
       height: 33px;
       display: inline-block;
@@ -112,11 +114,15 @@
     }
 
     function change_tool(tool_div) {
-      var ids = ['tool_pencil', 'tool_zoom', 'tool_eraser'];
+      var ids = ['tool_zoom', 'tool_pencil', 'tool_eraser'];
       for (var i = 0; i < ids.length; i++) {
-        document.getElementById(ids[i]).style.backgroundPositionY = 0;
+        var div = document.getElementById(ids[i]);
+        if (div == tool_div) {
+          div.style.backgroundPosition = -(i * 32) + 'px -32px';
+        } else {
+          div.style.backgroundPosition = -(i * 32) + 'px 0px';
+        }
       }
-      tool_div.style.backgroundPositionY = '-32px';
       tool = tool_div.id.replace('tool_', '');
 
       var dg_div = document.getElementById("draw_div");