completed form

main
Martin Putzlocher 2023-02-02 08:41:10 +01:00
parent 8f6c647b02
commit 82c8482bb3
1 changed files with 88 additions and 1 deletions

View File

@ -14,6 +14,27 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.1.1/chart.min.js"></script>
<script>
/*
function processForm(e) {
if (e.preventDefault) e.preventDefault();
// do what you want with the form
// You must return false to prevent the default form behavior
return false;
}
var form = document.getElementById('newEntryForm');
if (form.attachEvent) {
form.attachEvent("submit", processForm);
} else {
form.addEventListener("submit", processForm);
}
*/
let data = new Map();
data.set("INS", 0); // instructional principle
data.set("VIS", 2); // visibility / audio
@ -43,7 +64,7 @@
<label class="w3-text-green" for="videoname"><b>Name of Video</b></label>
<input class="w3-input w3-border w3-light-grey" type="text" id="videoname" name="videoname" value="name of video">
<div class="w3-row-padding">
<div class="w3-row-padding">
<div class="w3-half">
<label class="w3-text-green" for="ins_sel"><b>Instructional principle</b></label>
<select class="w3-select w3-border w3-white" name="ins_sel" id="ins_sel">
@ -68,6 +89,72 @@
</div>
</div>
<div class="w3-row-padding">
<div class="w3-half">
<label class="w3-text-green" for="seg_sel"><b>Segmentation</b></label>
<select class="w3-select w3-border w3-white" name="seg_sel" id="seg_sel">
<option value="0" selected>not acceptable</option>
<option value="1">minimal requirements</option>
<option value="2">medium quality</option>
<option value="3">high quality</option>
<option value="4">excellent quality</option>
<!-- further options -->
</select>
</div>
<div class="w3-half">
<label class="w3-text-green" for="act_sel"><b>Activity</b></label>
<select class="w3-select w3-border w3-white" name="act_sel" id="act_sel">
<option value="0" selected>not acceptable</option>
<option value="1">minimal requirements</option>
<option value="2">medium quality</option>
<option value="3">high quality</option>
<option value="4">excellent quality</option>
<!-- further options -->
</select>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-half">
<label class="w3-text-green" for="int_sel"><b>interactivity</b></label>
<select class="w3-select w3-border w3-white" name="int_sel" id="int_sel">
<option value="0" selected>not acceptable</option>
<option value="1">minimal requirements</option>
<option value="2">medium quality</option>
<option value="3">high quality</option>
<option value="4">excellent quality</option>
<!-- further options -->
</select>
</div>
<div class="w3-half">
<label class="w3-text-green" for="dyn_sel"><b>Principle of Dynamic Drawing</b></label>
<select class="w3-select w3-border w3-white" name="dyn_sel" id="dyn_sel">
<option value="0" selected>not acceptable</option>
<option value="1">minimal requirements</option>
<option value="2">medium quality</option>
<option value="3">high quality</option>
<option value="4">excellent quality</option>
<!-- further options -->
</select>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-half">
<label class="w3-text-green" for="tra_sel"><b>Translatability</b></label>
<select class="w3-select w3-border w3-white" name="tra_sel" id="tra_sel">
<option value="0" selected>not acceptable</option>
<option value="1">minimal requirements</option>
<option value="2">medium quality</option>
<option value="3">high quality</option>
<option value="4">excellent quality</option>
<!-- further options -->
</select>
</div>
<div class="w3-half">
</div>
</div>
<div class="w3-container w3-margin">
<input class="w3-btn w3-green" type="submit" name="do_entry" value="OK">