mirror of
https://github.com/kidwellj/SelfAssessmentUOB.git
synced 2024-12-04 21:42:21 +00:00
Add files via upload
This commit is contained in:
SensoryEnvironmentTool
GitHub
commit
2900cb86d7
1185
index.html
Normal file
1185
index.html
Normal file
File diff suppressed because it is too large
Load diff
5
pdf.js
Normal file
5
pdf.js
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
// Function to GeneratePdf
|
||||
function GeneratePdf() {
|
||||
var element = document.getElementById('form-print');
|
||||
html2pdf(element);
|
||||
}
|
||||
65
phrase.js
Normal file
65
phrase.js
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
function showPhrase(value) {
|
||||
var rangeInput = document.getElementById("range1");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase1feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase1feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase1feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase1feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase1feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase1feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase1feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function showPhrase1a(value) {
|
||||
var rangeInput = document.getElementById("range1a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase1part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase1part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase1part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase1part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase1part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase1part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase1part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase10.js
Normal file
64
phrase10.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase10(value) {
|
||||
var rangeInput = document.getElementById("range10");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase10feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase10feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase10feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase10feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase10feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase10feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase10feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase10a(value) {
|
||||
var rangeInput = document.getElementById("range10a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase10part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase10part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase10part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase10part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase10part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase10part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase10part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase11.js
Normal file
64
phrase11.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase11(value) {
|
||||
var rangeInput = document.getElementById("range11");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase11feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase11feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase11feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase11feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase11feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase11feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase11feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase11a(value) {
|
||||
var rangeInput = document.getElementById("range11a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase11part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase11part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase11part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase11part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase11part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase11part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase11part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase12.js
Normal file
64
phrase12.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase12(value) {
|
||||
var rangeInput = document.getElementById("range12");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase12feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase12feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase12feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase12feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase12feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase12feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase12feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase12a(value) {
|
||||
var rangeInput = document.getElementById("range12a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase12part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase12part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase12part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase12part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase12part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase12part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase12part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase13.js
Normal file
64
phrase13.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase13(value) {
|
||||
var rangeInput = document.getElementById("range13");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase13feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase13feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase13feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase13feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase13feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase13feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase13feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase13a(value) {
|
||||
var rangeInput = document.getElementById("range13a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase13part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase13part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase13part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase13part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase13part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase13part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase13part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase14.js
Normal file
64
phrase14.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase14(value) {
|
||||
var rangeInput = document.getElementById("range14");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase14feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase14feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase14feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase14feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase14feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase14feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase14feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase14a(value) {
|
||||
var rangeInput = document.getElementById("range14a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase14part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase14part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase14part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase14part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase14part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase14part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase14part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase15.js
Normal file
64
phrase15.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase15(value) {
|
||||
var rangeInput = document.getElementById("range15");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase15feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase15feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase15feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase15feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase15feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase15feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase15feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase15a(value) {
|
||||
var rangeInput = document.getElementById("range15a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase15part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase15part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase15part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase15part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase15part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase15part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase15part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase16.js
Normal file
64
phrase16.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase16(value) {
|
||||
var rangeInput = document.getElementById("range16");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase16feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase16feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase16feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase16feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase16feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase16feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase16feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase16a(value) {
|
||||
var rangeInput = document.getElementById("range16a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase16part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase16part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase16part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase16part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase16part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase16part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase16part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase17.js
Normal file
64
phrase17.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase17(value) {
|
||||
var rangeInput = document.getElementById("range17");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase17feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase17feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase17feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase17feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase17feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase17feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase17feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase17a(value) {
|
||||
var rangeInput = document.getElementById("range17a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase17part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase17part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase17part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase17part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase17part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase17part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase17part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase18.js
Normal file
64
phrase18.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase18(value) {
|
||||
var rangeInput = document.getElementById("range18");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase18feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase18feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase18feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase18feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase18feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase18feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase18feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase18a(value) {
|
||||
var rangeInput = document.getElementById("range18a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase18part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase18part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase18part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase18part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase18part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase18part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase18part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase19.js
Normal file
64
phrase19.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase19(value) {
|
||||
var rangeInput = document.getElementById("range19");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase19feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase19feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase19feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase19feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase19feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase19feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase19feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase19a(value) {
|
||||
var rangeInput = document.getElementById("range19a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase19part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase19part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase19part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase19part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase19part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase19part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase19part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
65
phrase2.js
Normal file
65
phrase2.js
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
function showPhrase2(value) {
|
||||
var rangeInput = document.getElementById("range2");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase2feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase2feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase2feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase2feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase2feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase2feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase2feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function showPhrase2a(value) {
|
||||
var rangeInput = document.getElementById("range2a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase2part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase2part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase2part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase2part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase2part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase2part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase2part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase3.js
Normal file
64
phrase3.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
|
||||
function showPhrase3(value) {
|
||||
var rangeInput = document.getElementById("range3");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase3feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase3feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase3feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase3feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase3feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase3feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase3feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function showPhrase3a(value) {
|
||||
var rangeInput = document.getElementById("range3a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase3part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase3part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase3part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase3part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase3part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase3part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase3part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase4.js
Normal file
64
phrase4.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase4(value) {
|
||||
var rangeInput = document.getElementById("range4");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase4feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase4feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase4feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase4feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase4feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase4feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase4feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase4a(value) {
|
||||
var rangeInput = document.getElementById("range4a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase4part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase4part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase4part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase4part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase4part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase4part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase4part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase5.js
Normal file
64
phrase5.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase5(value) {
|
||||
var rangeInput = document.getElementById("range5");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase5feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase5feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase5feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase5feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase5feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase5feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase5feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase5a(value) {
|
||||
var rangeInput = document.getElementById("range5a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase5part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase5part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase5part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase5part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase5part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase5part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase5part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase6.js
Normal file
64
phrase6.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase6(value) {
|
||||
var rangeInput = document.getElementById("range6");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase6feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase6feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase6feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase6feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase6feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase6feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase6feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase6a(value) {
|
||||
var rangeInput = document.getElementById("range6a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase6part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase6part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase6part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase6part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase6part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase6part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase6part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase7.js
Normal file
64
phrase7.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase7(value) {
|
||||
var rangeInput = document.getElementById("range7");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase7feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase7feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase7feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase7feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase7feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase7feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase7feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase7a(value) {
|
||||
var rangeInput = document.getElementById("range7a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase7part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase7part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase7part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase7part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase7part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase7part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase7part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase8.js
Normal file
64
phrase8.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase8(value) {
|
||||
var rangeInput = document.getElementById("range8");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase8feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase8feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase8feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase8feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase8feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase8feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase8feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase8a(value) {
|
||||
var rangeInput = document.getElementById("range8a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase8part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase8part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase8part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase8part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase8part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase8part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase8part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
64
phrase9.js
Normal file
64
phrase9.js
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
function showPhrase9(value) {
|
||||
var rangeInput = document.getElementById("range9");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase9feat").innerHTML="0 Absent during observation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase9feat").innerHTML="1 Very low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase9feat").innerHTML="2 Low amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase9feat").innerHTML="3 Average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase9feat").innerHTML="4 More than average amount of this feature during observation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase9feat").innerHTML="5 Much more than average amount of this feature during observation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase9feat").innerHTML="6 Very high amount of this feature during observation";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function showPhrase9a(value) {
|
||||
var rangeInput = document.getElementById("range9a");
|
||||
var value = rangeInput.value;
|
||||
|
||||
if (value == 0) {
|
||||
document.getElementById("phrase9part").innerHTML="-3 I am so focused on this feature that it completely interferes with my participation";
|
||||
}
|
||||
if (value == 1) {
|
||||
document.getElementById("phrase9part").innerHTML="-2 This feature moderately interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 2) {
|
||||
document.getElementById("phrase9part").innerHTML="-1 This feature mildly interferes with my participation";
|
||||
}
|
||||
|
||||
if (value == 3) {
|
||||
document.getElementById("phrase9part").innerHTML="0 It does not seem to affect my participation";
|
||||
}
|
||||
|
||||
if (value == 4) {
|
||||
document.getElementById("phrase9part").innerHTML="1 This feature mildly supports my participation";
|
||||
}
|
||||
|
||||
if (value == 5) {
|
||||
document.getElementById("phrase9part").innerHTML="2 This feature moderately supports my participation";
|
||||
}
|
||||
if (value == 6) {
|
||||
document.getElementById("phrase9part").innerHTML="3 This feature completely supports my participation";
|
||||
}
|
||||
|
||||
}
|
||||
55
scrollbar.js
Normal file
55
scrollbar.js
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
/***********************************************
|
||||
* jQuery Page Scroll Progress Bar v1.0 By Dynamic Drive
|
||||
* Project Page: http://www.dynamicdrive.com/dynamicindex3/pagescrollprogressbar.htm
|
||||
***********************************************/
|
||||
|
||||
jQuery(function($){
|
||||
var growmouseover = [true, '25px'] // magnify progress bar onmouseover? [Boolean, newheight]
|
||||
|
||||
///////// No need to edit beyond here /////////
|
||||
|
||||
var $indicatorparts = $(document.body).append('<div class="scrollindicator"><div class="scrollprogress"></div></div>')
|
||||
var $indicatorMain = $indicatorparts.find('div.scrollindicator')
|
||||
var $scrollProgress = $indicatorparts.find('div.scrollprogress')
|
||||
var indicatorHeight = $indicatorMain.outerHeight()
|
||||
var transformsupport = $scrollProgress.css('transform')
|
||||
transformsupport = (transformsupport == "none" || transformsupport =="")? false: true
|
||||
|
||||
function syncscrollprogress(){
|
||||
var winheight = $(window).height()
|
||||
var docheight = $(document).height()
|
||||
var scrollTop = $(window).scrollTop()
|
||||
var trackLength = docheight - winheight
|
||||
var pctScrolled = Math.floor(scrollTop/trackLength * 100) // gets percentage scrolled (ie: 80 NaN if tracklength == 0)
|
||||
$scrollProgress.css('transform', 'translate3d(' + (-100 + pctScrolled) + '%,0,0)')
|
||||
}
|
||||
|
||||
if (transformsupport){
|
||||
$indicatorMain.css('visibility', 'visible')
|
||||
|
||||
$indicatorMain.on('click', function(e){
|
||||
var trackLength = $(document).height() - $(window).height()
|
||||
var scrollamt = e.clientX/($(window).width()-32) * trackLength
|
||||
$('html,body').animate({scrollTop: scrollamt}, 'fast')
|
||||
})
|
||||
|
||||
if (growmouseover[0]){
|
||||
$indicatorMain.on('mouseenter touchstart', function(e){
|
||||
$(this).css('height', growmouseover[1])
|
||||
e.stopPropagation()
|
||||
})
|
||||
|
||||
$indicatorMain.on('mouseleave', function(e){
|
||||
$(this).css('height', indicatorHeight)
|
||||
})
|
||||
|
||||
$(document).on('touchstart', function(e){
|
||||
$indicatorMain.css('height', indicatorHeight)
|
||||
})
|
||||
}
|
||||
|
||||
$(window).on("scroll load", function(){
|
||||
requestAnimationFrame(syncscrollprogress)
|
||||
})
|
||||
}
|
||||
})
|
||||
380
styles2.css
Normal file
380
styles2.css
Normal file
|
|
@ -0,0 +1,380 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
|
||||
|
||||
|
||||
|
||||
@media print {
|
||||
*{
|
||||
margin-bottom:0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Source Sans Pro', sans-serif;
|
||||
}
|
||||
.graphicSlider,.print,.buttons,h4,legend, #intro-heading{
|
||||
display: none;
|
||||
}
|
||||
fieldset{
|
||||
border: none;
|
||||
}
|
||||
h2,h3{
|
||||
font-weight: bold;
|
||||
}
|
||||
.part{
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen {
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Source Sans Pro', sans-serif;
|
||||
|
||||
}
|
||||
|
||||
html,body{
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
text-align: center;
|
||||
background: #FFF8F0;
|
||||
color: #392F5A;
|
||||
/*background-image: linear-gradient(#FFF8F0,#59BEB3,#FFF8F0);*/
|
||||
/*overflow: scroll;*/
|
||||
}
|
||||
input{
|
||||
margin-bottom:2vh;
|
||||
}
|
||||
|
||||
.scrollindicator{
|
||||
width: 100%;
|
||||
height: 2vh; /* height of progress bar */
|
||||
display: block;
|
||||
background: white;
|
||||
left: 0;
|
||||
top: 0; /* dock progress bar to bottom of page (change to "top" for top instead) */
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
z-index: 1000000;
|
||||
visibility: hidden;
|
||||
-webkit-transition: height .2s ease;
|
||||
transition: height .2s ease;
|
||||
}
|
||||
|
||||
.scrollprogress{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #59BEB3; /* background color of progress bar */
|
||||
-webkit-transform: translate3d(-100%,0,0);
|
||||
transform: translate3d(-100%,0,0);
|
||||
=-webkit-transition: -webkit-transform .4s ease;
|
||||
transition: transform .4s ease; /* animate progress bar? Remove to disable */
|
||||
}
|
||||
header{
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
background: #FFF8F0;
|
||||
margin-top: 1vh;
|
||||
height:15vh;
|
||||
}
|
||||
|
||||
/*columns, buttons have a container*/
|
||||
.cont0, .cont1,.cont2,.cont2a, .cont3,.subtitle,.multiple-choice{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.cont0{
|
||||
width:100%;
|
||||
align-items: center;
|
||||
}
|
||||
.cont1 {
|
||||
width: 30%;
|
||||
align-items: flex-end;
|
||||
height: 100%;
|
||||
}
|
||||
.cont2{
|
||||
width:100%;
|
||||
align-items: flex-start;
|
||||
padding-left: 4vh;
|
||||
text-align: left;
|
||||
}
|
||||
.form{
|
||||
width:100%;
|
||||
align-items:center;
|
||||
|
||||
|
||||
}
|
||||
.cont2a{
|
||||
width:100%;
|
||||
/*align-items:center;*/
|
||||
height: auto;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
.cont3 {
|
||||
width: 25%;
|
||||
align-items: flex-start;
|
||||
height: auto;
|
||||
}
|
||||
.buttons{
|
||||
display: inline-flex;
|
||||
justify-content: space-between;
|
||||
/*position: relative;*/
|
||||
margin-top:3vh;
|
||||
width:60%;
|
||||
}
|
||||
|
||||
.pad{
|
||||
height: 30vh;
|
||||
}
|
||||
|
||||
.space{
|
||||
height:15vh;
|
||||
}
|
||||
|
||||
.intro{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.multiple-choice{
|
||||
text-align: left;
|
||||
}
|
||||
/* progress bar */
|
||||
h1{
|
||||
font-weight: bolder;
|
||||
margin-bottom: 0;
|
||||
margin-top: 1.33rem;
|
||||
}
|
||||
#textprogress{
|
||||
display: none;
|
||||
}
|
||||
progress {
|
||||
appearance:none;
|
||||
height:.66rem;
|
||||
margin-top: .66rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
progress::-webkit-progress-bar {
|
||||
background-color: white;
|
||||
border-radius:.33rem;
|
||||
}
|
||||
progress::-webkit-progress-value {
|
||||
background-color: #59BEB3;
|
||||
border-radius:.33rem;
|
||||
}
|
||||
|
||||
fieldset{
|
||||
border: none;
|
||||
}
|
||||
legend{
|
||||
display: none;
|
||||
}
|
||||
/*subtitle*/
|
||||
.subtitle{
|
||||
margin-top: 1vh;
|
||||
margin-bottom: auto;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
width:80%;
|
||||
}
|
||||
h2 {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*questions*/
|
||||
/*includes environment and participation*/
|
||||
.block-question, .block-question2{
|
||||
/*align-items: center;*/
|
||||
padding-top:1rem;
|
||||
margin-bottom: 2rem;
|
||||
/*display: inline-flex;*/
|
||||
width:80%;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
align-items: flex-end;
|
||||
|
||||
}
|
||||
.block-question2{
|
||||
/*background: #FEF9ED;*/
|
||||
}
|
||||
h3{
|
||||
font-weight: bold;
|
||||
/*display: inline-flex;*/
|
||||
margin-bottom: auto;
|
||||
text-align: left;
|
||||
/*align-items: flex-start;*/
|
||||
}
|
||||
|
||||
.part{
|
||||
margin-top:1vh;
|
||||
margin-bottom: 1vh;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h4{
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.questionText,.phrase{
|
||||
width:80%;
|
||||
padding:0;
|
||||
|
||||
}
|
||||
|
||||
.questionText{
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
display: block;
|
||||
}
|
||||
.phrase{
|
||||
display: inline-flex;
|
||||
margin-bottom: 1rem;
|
||||
position: relative;
|
||||
justify-content: center;
|
||||
height: 6vh;
|
||||
}
|
||||
|
||||
/* slider */
|
||||
.graphicSlider{
|
||||
display: inline-flex;
|
||||
flex-flow: row;
|
||||
width:80%;
|
||||
padding: 0;
|
||||
}
|
||||
.range{
|
||||
/*display: inline-grid;*/
|
||||
margin-bottom: 3vh;
|
||||
width:100%;
|
||||
|
||||
}
|
||||
|
||||
/*emojis and signs*/
|
||||
.sign-left, .sign-right{
|
||||
font-size: 6vh;
|
||||
color: #ED7600;
|
||||
/*line-height: 5%;*/
|
||||
/*top:.66rem;*/
|
||||
}
|
||||
.sign-left,.emoji-left{
|
||||
text-align: left;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
.sign-right,.emoji-right{
|
||||
text-align: right;
|
||||
margin-left:.5rem;
|
||||
}
|
||||
.emoji-right, .emoji-left{
|
||||
font-size: 3vh;
|
||||
}
|
||||
|
||||
|
||||
.range input{
|
||||
-webkit-appearance: none;
|
||||
width: 100%;
|
||||
height: .8vh;
|
||||
background: #ED7600;/*naranja*/
|
||||
border-radius: .33rem;
|
||||
outline: none;
|
||||
border: none;
|
||||
z-index: 2222;
|
||||
margin-top: 2.1rem;
|
||||
}
|
||||
.range input:hover{
|
||||
cursor: pointer;
|
||||
}
|
||||
.range input::-webkit-slider-thumb{
|
||||
-webkit-appearance: none;
|
||||
cursor: pointer;
|
||||
height:2.5rem;
|
||||
width:2.5rem;
|
||||
background: #59BEB3;
|
||||
border: .2rem solid white;
|
||||
/*z-index: -1;*/
|
||||
transform: translateY(-80%)rotate(45deg);
|
||||
box-shadow: 3px 3px 2px rgba(0,0,0,0.1);
|
||||
border-bottom-left-radius:50%;
|
||||
border-top-left-radius: 50%;
|
||||
border-top-right-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
.range input::-moz-range-thumb{
|
||||
-webkit-appearance: none;
|
||||
width: 1.33rem;
|
||||
height: 1.33rem;
|
||||
background: red;
|
||||
border-radius: 50%;
|
||||
/*background-image: radial-gradient(#59BEB3,#59BEB3,#59BEB3,#FFF8F0);*/
|
||||
background: #59BEB3;
|
||||
border: .0667rem solid #59BEB3;
|
||||
cursor: pointer;
|
||||
}
|
||||
.range input::-moz-range-progress{
|
||||
background: #664AFF; //this progress background is only shown on Firefox
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*buttons*/
|
||||
/*footer{
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}*/
|
||||
button{
|
||||
appearance:none;
|
||||
padding:1vh;
|
||||
width: auto;
|
||||
/*background-image: radial-gradient(#59BEB3,#59BEB3,#59BEB3,#FFF8F0);*/
|
||||
}
|
||||
.previous, .next,.start{
|
||||
margin-top: auto;
|
||||
margin-bottom: 1rem;
|
||||
font-size: 1.33rem;
|
||||
height:2rem;
|
||||
line-height: 1rem;
|
||||
|
||||
}
|
||||
.previous{
|
||||
/*position: absolute;
|
||||
left:6.66rem;*/
|
||||
background-color: none;
|
||||
background: none;
|
||||
border: none;
|
||||
/*float:left;*/
|
||||
/*margin-left: 1rem;*/
|
||||
}
|
||||
.previous a{
|
||||
color:#59BEB3;
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.next, #start{
|
||||
appearance:none;
|
||||
background-color:#59BEB3;
|
||||
border-color: #59BEB3;
|
||||
border-radius:3vh;
|
||||
padding:1vh;
|
||||
box-shadow: none;
|
||||
text-decoration-line: none;
|
||||
font-weight: bold;
|
||||
color:white;
|
||||
/*float: right;*/
|
||||
/*margin-right: 1rem;*/
|
||||
}
|
||||
#start{
|
||||
width:20vh;
|
||||
font-size: 3vh;
|
||||
}
|
||||
button a{
|
||||
text-decoration-line: none;
|
||||
font-weight: bold;
|
||||
color:white;
|
||||
}
|
||||
|
||||
button:active {
|
||||
transform: translateY(.33rem);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue