commit 83de1163c340eb8ade9dc6bb58e25f8d9fdd16c9
parent 916e12889a172eafe99be5e6daff5dd5089b8c58
Author: Davide P. Cervone <dpvc@union.edu>
Date: Tue, 1 Mar 2011 12:50:31 -0500
Update for current features, and improve layout
Diffstat:
1 file changed, 23 insertions(+), 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>
