Update for current features, and improve layout

ourobouros · Mar 1, 2011 · 83de116 · 83de116
1 parent 916e128
commit 83de116
Showing 1 changed file with 23 additions and 8 deletions.
diff --git a/test/sample-dynamic.html b/test/sample-dynamic.html
@@ -1,21 +1,34 @@
+<!DOCTYPE html>
 <html>
 <head>
 <title>MathJax Dynamic Math Test Page</title>
 <!-- Copyright (c) 2010 Design Science, Inc. -->
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
+<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
 
-<script src="../MathJax.js">
+<script type="text/x-mathjax-config">
   MathJax.Hub.Config({
     extensions: ["tex2jax.js"],
-    jax: ["input/TeX","output/HTML-CSS"],
-    tex2jax: {inlineMath: [["$","$"],["\\(","\\)"]]}
+    jax: ["input/TeX","output/HTML-CSS"]
   });
 </script>
+<script type="text/javascript" src="../MathJax.js"></script>
 
+<style>
+input {margin-top: .7em}
+.output {
+  border: 1px solid black;
+  padding: 1em;
+  width: auto;
+  position: absolute; top: 0; left: 2em;
+  min-width: 20em;
+}
+.box {position: relative}
+</style>
 </head>
 <body>
 
+
 <script>
   //
   //  Use a closure to hide the local variables from the
@@ -42,12 +55,14 @@
   })();
 </script>
 
-Type some TeX code and press RETURN:<br/> 
-<input id="MathInput" size="50" onchange="UpdateMath(this.value)" />
 <p>
+Type some $\rm\TeX$ code and press RETURN:<br /> 
+<input id="MathInput" size="80" onchange="UpdateMath(this.value)" />
+</p>
 
-<div id="MathOutput">
-You typed: ${}$
+<p>You typed:</p>
+<div class="box">
+<div id="MathOutput" class="output">$${}$$</div>
 </div>
 
 <script>