Millisecond Forums

Html Page - Space Bar Box

https://forums.millisecond.com/Topic26558.aspx

By Nathalia Melo - 3/15/2019

Hello! I have a Html Page as a preinstruction in my script.

There is nothing in my Html page that indicates a box with the content "press space bar to continue".

However, this box appears when I run the test, as you can see below. The problem is that I need a test in portuguese language. Is there any way that I can translate it or make it dessapear? Is it something that Inquisit does automatically or am I doing it wrong? 



This is my Html page:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>iat intro</title>

</head>

<body>
<div class = "left">
<h1>Teste de Associação Implícita</h1>
<p> Nesta tarefa você deverá pressionar a tecla 'E' localizada na parte esquerda do seu teclado ou a tecla 'I' localizada na parte direita do seu teclado para categorizar palavras em determinados grupos da forma mais rápida possível. Aqui estão as quatro categorias e as palavras associadas a cada uma delas:</p>

<table style="width:90%">
<tr>
<th id="firstrow">Categoria</th>
<th id="firstrow">Palavra</th>
</tr>

<tr class="yellow">
<td><%item.attributeAlabel.item(1)%>
</td>
<td><%item.attributeA.item(1)%>, <%item.attributeA.item(2)%>, <%item.attributeA.item(3)%>, <%item.attributeA.item(4)%>,
<%item.attributeA.item(5)%>, <%item.attributeA.item(6)%>
</td>
</tr>

<tr class="yellow">
<td><%item.attributeBlabel.item(1)%>
</td>
<td><%item.attributeB.item(1)%>, <%item.attributeB.item(2)%>, <%item.attributeB.item(3)%>, <%item.attributeB.item(4)%>,
<%item.attributeB.item(5)%>, <%item.attributeB.item(6)%></td>
</tr>

<tr>
<td><%item.targetAlabel.item(1)%>
</td>
<td><%item.targetA.item(1)%>, <%item.targetA.item(2)%>, <%item.targetA.item(3)%>, <%item.targetA.item(4)%>,
<%item.targetA.item(5)%>
</td>
</tr>

<tr>
<td><%item.targetBlabel.item(1)%>
</td>
<td><%item.targetB.item(1)%>, <%item.targetB.item(2)%>, <%item.targetB.item(3)%>, <%item.targetB.item(4)%>,
<%item.targetB.item(5)%>
</td>
</tr>
</table><br>
<p>A tarefa tem 7 partes com instruções específicas para cada uma das partes. Preste atenção!
<p>Aperte a barra de espaços para começar. </p>

</div>


</body>
<style>
.center {
text-align: center;
}
.left {
text-align: left;
}
body {
  background-color: black;
  font-family: arial;
  color:white;
  font-size: 3.5vh;
}
h1 {
  font-size: 5vh;
}
p {
  font-size: 3.5vh;
}
p.bigger {
  font-size: 4vh;
}
li {
  font-size: 3.5vh;
}
.blue {
color: blue;
}
.yellow {
color: yellow;
}
.red {
color: red;
}
.yellow {
color: yellow;
}
table, th, td {
  border: 0.5vh solid black;
  border-collapse: collapse;
border-color: white;
}
th, td {
  padding: 1vh;
}
th {
  text-align: left;
}
#firstrow {
background-color: gray;
}
</style>
</html>

By Dave - 3/15/2019

Nathalia Melo - Friday, March 15, 2019
Hello! I have a Html Page as a preinstruction in my script.

There is nothing in my Html page that indicates a box with the content "press space bar to continue".

However, this box appears when I run the test, as you can see below. The problem is that I need a test in portuguese language. Is there any way that I can translate it or make it dessapear? Is it something that Inquisit does automatically or am I doing it wrong? 



This is my Html page:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>iat intro</title>

</head>

<body>
<div class = "left">
<h1>Teste de Associação Implícita</h1>
<p> Nesta tarefa você deverá pressionar a tecla 'E' localizada na parte esquerda do seu teclado ou a tecla 'I' localizada na parte direita do seu teclado para categorizar palavras em determinados grupos da forma mais rápida possível. Aqui estão as quatro categorias e as palavras associadas a cada uma delas:</p>

<table style="width:90%">
<tr>
<th id="firstrow">Categoria</th>
<th id="firstrow">Palavra</th>
</tr>

<tr class="yellow">
<td><%item.attributeAlabel.item(1)%>
</td>
<td><%item.attributeA.item(1)%>, <%item.attributeA.item(2)%>, <%item.attributeA.item(3)%>, <%item.attributeA.item(4)%>,
<%item.attributeA.item(5)%>, <%item.attributeA.item(6)%>
</td>
</tr>

<tr class="yellow">
<td><%item.attributeBlabel.item(1)%>
</td>
<td><%item.attributeB.item(1)%>, <%item.attributeB.item(2)%>, <%item.attributeB.item(3)%>, <%item.attributeB.item(4)%>,
<%item.attributeB.item(5)%>, <%item.attributeB.item(6)%></td>
</tr>

<tr>
<td><%item.targetAlabel.item(1)%>
</td>
<td><%item.targetA.item(1)%>, <%item.targetA.item(2)%>, <%item.targetA.item(3)%>, <%item.targetA.item(4)%>,
<%item.targetA.item(5)%>
</td>
</tr>

<tr>
<td><%item.targetBlabel.item(1)%>
</td>
<td><%item.targetB.item(1)%>, <%item.targetB.item(2)%>, <%item.targetB.item(3)%>, <%item.targetB.item(4)%>,
<%item.targetB.item(5)%>
</td>
</tr>
</table><br>
<p>A tarefa tem 7 partes com instruções específicas para cada uma das partes. Preste atenção!
<p>Aperte a barra de espaços para começar. </p>

</div>


</body>
<style>
.center {
text-align: center;
}
.left {
text-align: left;
}
body {
  background-color: black;
  font-family: arial;
  color:white;
  font-size: 3.5vh;
}
h1 {
  font-size: 5vh;
}
p {
  font-size: 3.5vh;
}
p.bigger {
  font-size: 4vh;
}
li {
  font-size: 3.5vh;
}
.blue {
color: blue;
}
.yellow {
color: yellow;
}
.red {
color: red;
}
.yellow {
color: yellow;
}
table, th, td {
  border: 0.5vh solid black;
  border-collapse: collapse;
border-color: white;
}
th, td {
  padding: 1vh;
}
th {
  text-align: left;
}
#firstrow {
background-color: gray;
}
</style>
</html>


The next button is not generated by your HTML. It's there because you are presenting the HTML file as an instruction page (<htmlpage> element). The button labels on instruction pages are controlled per the <instruct> element's /finishlabel, /nextlabel and /prevlabel attributes. That's where you put your translation for the text on the respective navigation button.

<instruct>
/ finishlabel = "Your Portuguese text goes here."
/ nextlabel = "Your Portuguese text goes here."
/ prevlabel = "Your Portuguese text goes here."
</instruct>