735e3b01a2
Named `FormulaEquationInput` (name up for debate) - Based off ChemEqnIn - Add FormulaEquationInput in inputtypes.py - Add a call to a skeleton method for a preview javascript: - Queue up some MathJax - Put some ordering on the AJAX requests: add a parameter when the request was started, when it returns check that it isn't outdated before displaying the preview - Tests Note: we moved the `jsinput` tests and DISABLED them, because they were causing the tests to fail.
119 lines
2.4 KiB
HTML
119 lines
2.4 KiB
HTML
<html>
|
|
<head>
|
|
<title> JSinput jasmine test </title>
|
|
</head>
|
|
<body>
|
|
<section id="inputtype_1"
|
|
data="gradefn"
|
|
data-setstate="setinput"
|
|
class="jsinput">
|
|
|
|
<div class="script_placeholder" />
|
|
<iframe name="iframe_1"
|
|
|
|
sandbox="allow-scripts
|
|
allow-popups
|
|
allow-same-origin
|
|
allow-forms
|
|
allow-pointer-lock"
|
|
seamless="seamless"
|
|
height="500"
|
|
width="500">
|
|
<html>
|
|
<head>
|
|
<title>
|
|
JS input test 1
|
|
</title>
|
|
<script type="text/javascript">
|
|
function gradefn () {
|
|
var ans = document.getElementById("one").value;
|
|
console.log("I've been called!");
|
|
return ans
|
|
}
|
|
|
|
function setinput(val) {
|
|
document.getElementById("one").value(val);
|
|
return;
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<p>Simple js input test. Defines a js function that returns the value in
|
|
the input field below when called. </p>
|
|
|
|
<form>
|
|
<input id='one' type="TEXT"/>
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
</iframe>
|
|
<input type="hidden" name="input_1" id="input_1" value="${value|h}"/>
|
|
|
|
<br/>
|
|
<button id="update_1" class="update">Update</button>
|
|
<p id="answer_1" class="answer"></p>
|
|
|
|
<p class="status">
|
|
</p>
|
|
<br/> <br/>
|
|
|
|
<div class="error_message" ></div>
|
|
|
|
</section>
|
|
<section id="inputtype_2" data="gradefn" class="jsinput">
|
|
|
|
<div class="script_placeholder" />
|
|
<iframe name="iframe_2"
|
|
sandbox="allow-scripts
|
|
allow-popups
|
|
allow-same-origin
|
|
allow-forms
|
|
allow-pointer-lock"
|
|
seamless="seamless"
|
|
height="500"
|
|
width="500" >
|
|
<html>
|
|
<head>
|
|
<title>
|
|
JS input test
|
|
</title>
|
|
<script type="text/javascript">
|
|
function gradefn () {
|
|
var ans = document.getElementById("one").value;
|
|
console.log("I've been called!");
|
|
return ans
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<p>Simple js input test. Defines a js function that returns the value in
|
|
the input field below when called. </p>
|
|
|
|
<form>
|
|
<input id='two' type="TEXT"/>
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
</iframe>
|
|
<input type="hidden" name="input_2" id="input_2" value="${value|h}"/>
|
|
|
|
<br/>
|
|
<button id="update_2" class="update">Update</button>
|
|
<p id="answer_2" class="answer"></p>
|
|
|
|
<p class="status">
|
|
</p>
|
|
<br/> <br/>
|
|
|
|
<div class="error_message"></div>
|
|
|
|
</section>
|
|
</body>
|
|
</html>
|