104 lines
3.6 KiB
HTML
104 lines
3.6 KiB
HTML
<html>
|
|
<head>
|
|
<title> JSinput jasmine test </title>
|
|
</head>
|
|
<body>
|
|
<section id="inputtype_1" data="gradefn" class="jsinput">
|
|
|
|
<div class="script_placeholder" data-src="${applet_loader}"/>
|
|
<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
|
|
</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='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" style="padding: 5px 5px 5px 5px; background-color:#FA6666; height:60px;width:400px; display: none"></div>
|
|
|
|
</div>
|
|
</section>
|
|
<section id="inputtype_2" data="gradefn" class="jsinput">
|
|
|
|
<div class="script_placeholder" data-src="${applet_loader}"/>
|
|
<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='one' 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" style="padding: 5px 5px 5px 5px; background-color:#FA6666; height:60px;width:400px; display: none"></div>
|
|
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|