Move textarea to common area.

[dygraphs.git] / experimental / palette / index.html
diff --git a/experimental/palette/index.html b/experimental/palette/index.html

index af490db..e5f1754 100644 (file)
--- a/experimental/palette/index.html
+++ b/experimental/palette/index.html
@@ -8,13 +8,12 @@
      <![endif]-->
      <script type="text/javascript" src="../../dygraph-dev.js"></script>
      <script type="text/javascript" src="options.js"></script>
+    <script type="text/javascript" src="../../common/textarea.js"></script>
      <script type="text/javascript" src="tooltip.js"></script>
      <script type="text/javascript" src="palette.js"></script>
      <script type="text/javascript" src="samples.js"></script>
      <script type="text/javascript" src="index.js"></script>
      <link rel="stylesheet" type="text/css" href="index.css" />
-    <style>
-    </style>
    </head>
    <body>
      <h2>Palette</h2>
@@ -46,9 +45,9 @@
                <li>You will see that the prototype function body is
                <code>function(e, x, points){ }</code>. Paste in this
                replacement function:<p/>
-              <code>function(e, x){ var elem =
-                document.getElementById("messages"); elem.innerHTML =
-                elem.innerHTML + x + "&lt;br&gt;"; }</code></li>
+              <code>function(e, x){<br/>&nbsp;&nbsp;var elem =
+                document.getElementById("messages");<br/>&nbsp;&nbsp;elem.innerHTML =
+                elem.innerHTML + x + "&lt;br&gt;";<br/>}</code></li>
                <li>Click the <em>OK</em> button. The <em>clickCallback</em>
                button now says <code>defined</code> instead of <code>not defined</code>.</li>
                <li>Click anywhere on the graph. The x-value will appear on the