template for textinput dynamath (separate from textinput.html)

templates/textinput_dynamath.html

+###
+### version of textline.html which does dynammic math
+###
+<section class="text-input-dynamath">
+<table><tr><td>
+ <input type="text" name="input_${id}" id="input_${id}" value="${value}" 
+	 % if size:
+	 size="${size}"
+	 % endif 
+	 onkeyup="DoUpdateMath('${id}')"
+	 />
+   </td><td>
+
+  <span id="answer_${id}"></span>
+
+  % if state == 'unsubmitted':
+  <span class="unanswered" style="display:inline-block;" id="status_${id}"></span>
+  % elif state == 'correct': 
+  <span class="correct" id="status_${id}"></span>
+  % elif state == 'incorrect':
+  <span class="incorrect" id="status_${id}"></span>
+  % elif state == 'incomplete':
+  <span class="incorrect" id="status_${id}"></span>
+  % endif
+
+   </td></tr><tr><td>
+      <span id="display_${id}">`{::}`</span>
+    </td><td>
+      <textarea style="display:none" id="input_${id}_dynamath" name="input_${id}_dynamath">none</textarea>
+    </td></tr>
+   </table>
+##   
+## javascript for dynamic math: add this math element to the MathJax rendering queue
+## also adds to global jaxset js array
+##   
+   <script>
+	  MathJax.Hub.queue.Push(function () {
+	      math = MathJax.Hub.getAllJax("display_${id}")[0];
+	      if (math){
+		  jaxset["${id}"] = math;
+		  math.Text(document.getElementById("input_${id}_dynamath").defaultValue);    // initial render
+		  UpdateMathML(math,"${id}");	// initial MathML 
+	      }
+	  });
+  </script>
+
+  % if msg:
+    <br/>
+    <span class="debug">${msg|n}</span>
+  % endif
+</section>