-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
269 lines (242 loc) · 12.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="png" href="./lgo.png">
<title>LexTALE</title>
<meta charset="UTF-8">
<meta name="google" content="notranslate">
<meta name="author" content="Gaspar Lukacs">
<meta charset="UTF-8">
<script src="./stimdata.js"></script>
<script src="./main.js"></script>
<link href="./styles.css" rel="stylesheet" type="text/css">
</head>
<body class="notranslate">
<div id="div_start">
<br />
<div style="display: inline-block; text-align: left;">
<div style="text-align: center;font-variant: small-caps;">LexTALE: select language to be tested</div>
<span style="color:grey">-----------------------------------------------------------------------</span>
<br />
<br />
<input type="radio" id='en_id' name="lang" value="en" checked>
<label for="en_id">English</label>
<br />
<br />
<input type="radio" id='de_id' name="lang" value="de">
<label for="de_id">German</label>
<br />
<br />
<input type="radio" id='nl_id' name="lang" value="nl">
<label for="nl_id">Dutch</label>
<br />
<br />
<input type="radio" id='ch1_id' name="lang" value="ch1">
<label for="ch1_id">Mandarin Chinese (Chinese-only intro)</label>
<br />
<br />
<input type="radio" id='ch2_id' name="lang" value="ch2">
<label for="ch2_id">Mandarin Chinese incl. English intro</label>
<br />
<br />
<span style="color:grey">-----------------------------------------------------------------------</span>
</div>
<br />
<br />
<br />
<button class="bttn" onclick="select_lg();">START</button>
<br />
<br />
<hr />
<i>For information and references see <a href="https://github.com/gasparl/lextale"
target="_blank">https://github.com/gasparl/lextale</a></i>
</div>
<div id="div_lex_intro">
<br />
<div class="texts">
<div class="lg_en">
This test consists of about 60 trials, in each of which you will see a string of letters. Your task is
to decide whether this is an existing English word or not. If you think it is an existing English word,
you click on "yes",
and if
you
think it is not an existing English word, you click on "no".
<br /><br />
If you are sure that the word exists, even though you don’t know its exact meaning, you may still
respond "yes". But if you are not sure if it is an existing word, you should respond "no".
<br /><br />
In this experiment, we use British English rather than American English spelling. For example: "realise"
instead of "realize"; "colour" instead of "color", and so on. Please don’t let this confuse you. This
experiment is not
about
detecting such subtle spelling differences anyway.
<br /><br />
You have as much time as you like for each decision. This part of the experiment will take about 5
minutes.
<br /><br />
If everything is clear, you can now start the experiment.
<br /><br />
</div>
<div class="lg_de">
Dieser Test besteht aus ungefähr 60 Durchgängen, in denen Sie jeweils eine Buchstabenreihe sehen. Ihre
Aufgabe ist es, zu entscheiden, ob diese Buchstabenreihe ein existierendes deutsches Wort ist oder
nicht. Falls sie
glauben, dass
es
ein deutsches Wort ist, klicken Sie auf "ja", andernfalls auf "nein".
<br /><br />
Sollten Sie sich sicher sein, dass ein Wort existiert, aber seine Bedeutung nicht kennen, können Sie
trotzdem mit "ja" antworten. Sind Sie sich aber unsicher, ob das Wort überhaupt im Deutschen existiert,
sollten Sie mit
"nein"
antworten.
<br /><br />
Sie haben so viel Zeit wie Sie möchten für jede Antwort. Der Test dauert etwa 5 Minuten.
<br /><br />
Wenn Sie bereit sind, können Sie selbst das Experiment starten.
<br /><br />
</div>
<div class="lg_nl">
Deze test bestaat uit ongeveer 60 trials. Je krijgt steeds een letterreeks te zien. Jouw taak is om te
beslissen of dit een bestaand Nederlands woord is of niet. Als je denkt dat het een bestaand Nederlands
woord is klik je op
"ja",
als
je denkt dat het geen bestaand Nederlands woord is klik je op "nee".
<br /><br />
Als je er zeker van bent dat het woord bestaat, ook als je niet precies weet wat het betekent, mag je
toch met "ja" antwoorden. Maar als je twijfelt of het wel een bestaand woord is, kies dan "nee".
<br /><br />
Je hebt zoveel tijd als je wilt voor elke beslissing. Dit deel van het experiment duurt ongeveer 5
minuten.
<br /><br />
Als alles duidelijk is kun je het experiment nu starten.
<br /><br />
</div>
<div class="lg_ch" id="ch_firstscreen">
<img id="intro_ch" src=''
alt="(Warning: Missing image! Displaying HTML characters instead.) 在下一页，您将会看到90个看上去像“汉字”的字，当中只有一些是真正存在的汉字。您需要对每一个字做出判断，如果您认为该字是在中文里存在的(即使您不能够明确地说出该字的意思)或者是您知道该字的话，请勾选左上方的“是汉字”选项 。您无需快速回答每一道问题，但请您根据您的一反应来作答，不用过度的犹豫。请在没有任何外来帮忙的情况下独立完成此测试（不要使用任何汉语词典！）。所有的字皆为简体中文。下方的图片为作答例子。">
<div class="lg_ch2">
On the next page, you are going to be shown 90 characters that look “Chinese”. Only some of them are
real Chinese characters. You have to decide for each item whether it is a real Chinese character or
not. Please select the
top-left
option <img class="question_class" src='' alt="是汉字 (error note: missing image!)"> if you know the
character or if you believe that the item is a real Chinese character, even if you may not know its
precise meaning. You do not need
to
respond rapidly, but please give your first impression, without any
outside aids (i.e., do not consult a dictionary!). Each character will be presented in Simplified
Chinese. A sample of what the test looks like is shown below.
</div>
<br />
<div id="example_screen">
<br />
<img id="intro_ch_short1" src='' alt='如果您认为该字为汉字,请勾选左上方"是汉字"的选项。(error note: missing image!)'>
<br />
<div class="lg_ch2">
Please select the top-left option <img class="question_class" src='' alt="是汉字"> if you think the
item is a real Chinese character.
</div>
<br />
<ul id='ch_list_examples' class="lists checkbox">
</ul>
</div>
<br />
<div style="text-align:center">
<img id="intro_ch_bottom" src='' alt='当你认为"家"和"桝"是汉字 (error note: missing image!)'>
<div class="lg_ch2">
(When you think the characters
<img id="corr1" src='' alt='家'>
and
<img id="corr4" src='' alt='桝'>
are real Chinese characters.)
</div>
</div>
<div id="loading_id"><br /><br />Please wait... (loading images...)</div>
</div>
</div>
<br /><br />
<button id="startbuttn" class="bttn" onclick="lexmain();">
<span class="lg_en lg_de lg_nl">OK</span>
<span class="lg_ch"> >> </span>
</button>
<br />
<br />
</div>
<div id="div_lex_main">
<button onclick="lexclick('no');" class="lexresp_buttons lexresp_left">
<span class="lg_en">no</span>
<span class="lg_de">nein</span>
<span class="lg_nl">nee</span>
</button>
<button onclick="lexclick('yes');" class="lexresp_buttons lexresp_right">
<span class="lg_en">yes</span>
<span class="lg_de lg_nl">ja</span>
</button>
<p id="lexstim"></p>
</div>
<div id="div_lexch_main" style="margin: auto;">
<div class="lg_ch texts">
<img id="intro_ch_short2" src=''
alt='如果您认为该字为汉字,请勾选左上方"是汉字"的选项。总共有90个汉字，请在提交答案前对所有汉字作出判断。(error note: missing image!)'>
<br />
<div class="lg_ch2">
Please select the top-left option <img class="question_class" src='' alt="是汉字"> if you think the item is
a real Chinese character. There are a total of 90 words, please scroll through and consider all of them
before submitting
your answers.
</div>
<br />
<ul id='ch_list' class="lists checkbox chover">
</ul>
<hr />
<br />
<img id="intro_ch_end" src='' alt='总共有90个汉字，请在提交答案前对所有汉字作出判断。'>
<br />
<div class="lg_ch2">
There are a total of 90 words, please scroll through and consider all of them before submitting your
answers.
</div>
<br />
<button class="bttn" style="margin-left:70%" onclick="ch_ending();">
>>
</button>
<br />
</div>
</div>
<div id="div_end">
<br /><br /><br />
<span id='finished_id' style='padding: 1em;' ondblclick="show_feed()">
The test is completed.
</span>
</div>
<div class="texts" id="div_feed">
<div style="border: 1px solid black;padding:0 1em 0.5em 1em;">
<p>
<span id="end_summary_id"></span>
</p>
<hr>
<p style="text-align:justify">
The full data from the completed test is displayed below. This data can also be downloaded as a
<i>txt</i> file using the <b>Download as file</b> button. The <b>Copy to clipboard</b> button may also
be used to copy the entire data
text to the system clipboard, after which it is possible to paste it into any text editor and save it.
</p>
<p>
<i>For more information, see <a href="https://github.com/gasparl/lextale"
target="_blank">https://github.com/gasparl/lextale</a></i>
</p>
</div>
<br>
<div style="display: flex;">
<div id="full_data_disp"></div>
<div>
<button onclick="dl_as_file('lextale_results.txt', full_data);">Download as file</button>
<button onclick="copy_to_clip(full_data);">Copy to clipboard</button>
</div>
</div>
<br>
</div>
</body>
</html>