1aa05fd400
for getting expected answer from external server, add error handling, extend to use json for multiple input fields, added rows & cols to textbox inputtype for code input.
41 lines
1.2 KiB
HTML
41 lines
1.2 KiB
HTML
<section class="text-input">
|
|
<textarea rows="${rows}" cols="${cols}" name="input_${id}" id="input_${id}">${value|h}</textarea>
|
|
|
|
<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
|
|
<br/>
|
|
<span class="debug">(${state})</span>
|
|
<br/>
|
|
<span class="message">${msg|n}</span>
|
|
<br/>
|
|
|
|
<br/>
|
|
<script>
|
|
// Note: We need to make the area follow the CodeMirror for this to
|
|
// work.
|
|
$(function(){
|
|
var cm = CodeMirror.fromTextArea(document.getElementById("input_${id}"),
|
|
{'mode':"${mode}"
|
|
% if linenumbers=='true':
|
|
, lineNumbers: true
|
|
% endif
|
|
});
|
|
cm.refresh();
|
|
codemirror_set["${id}"] = cm; // track it for refreshes
|
|
});
|
|
</script>
|
|
<style type="text/css">
|
|
.CodeMirror {border-style: solid;
|
|
border-width: 1px;}
|
|
</style>
|
|
</section>
|