Html Page - Space Bar Box


Author
Message
Nathalia Melo
Nathalia Melo
Associate Member (290 reputation)Associate Member (290 reputation)Associate Member (290 reputation)Associate Member (290 reputation)Associate Member (290 reputation)Associate Member (290 reputation)Associate Member (290 reputation)Associate Member (290 reputation)Associate Member (290 reputation)
Group: Awaiting Activation
Posts: 4, Visits: 14
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>


Dave
Dave
Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)
Group: Administrators
Posts: 12K, Visits: 98K
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>

GO

Merge Selected

Merge into selected topic...



Merge into merge target...



Merge into a specific topic ID...




Reading This Topic

Explore
Messages
Mentions
Search