Millisecond Forums

Issue with intro_IAT

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

By agt - 6/8/2024

I have encountered this error message when i remove items and 8. May I find out how to resolve this?



When previewed the task, i see additional items shown on the attribute category.

By Dave - 6/10/2024

atgoh - 6/8/2024
I have encountered this error message when i remove items and 8. May I find out how to resolve this?



When previewed the task, i see additional items shown on the attribute category.


You need to edit the HTML file in a simple text editor (e.g. Windows Notepad) and remove the references to the items you don't need. The standard IAT has 8 items per category, but you only have 6. So remove the references to item numbers 7 and 8 for each category in the HTML source code.
By agt - 6/10/2024

Dave - 6/10/2024
atgoh - 6/8/2024
I have encountered this error message when i remove items and 8. May I find out how to resolve this?



When previewed the task, i see additional items shown on the attribute category.


You need to edit the HTML file in a simple text editor (e.g. Windows Notepad) and remove the references to the items you don't need. The standard IAT has 8 items per category, but you only have 6. So remove the references to item numbers 7 and 8 for each category in the HTML source code.

I have removed the items but the "0,0" on the attribute category did not go away: 
By Dave - 6/10/2024

atgoh - 6/10/2024
Dave - 6/10/2024
atgoh - 6/8/2024
I have encountered this error message when i remove items and 8. May I find out how to resolve this?



When previewed the task, i see additional items shown on the attribute category.


You need to edit the HTML file in a simple text editor (e.g. Windows Notepad) and remove the references to the items you don't need. The standard IAT has 8 items per category, but you only have 6. So remove the references to item numbers 7 and 8 for each category in the HTML source code.

I have removed the items but the "0,0" on the attribute category did not go away: 

Then you made some mistake. If you do it right, the 0s go away
By Dave - 6/10/2024

Dave - 6/10/2024
atgoh - 6/10/2024
Dave - 6/10/2024
atgoh - 6/8/2024
I have encountered this error message when i remove items and 8. May I find out how to resolve this?



When previewed the task, i see additional items shown on the attribute category.


You need to edit the HTML file in a simple text editor (e.g. Windows Notepad) and remove the references to the items you don't need. The standard IAT has 8 items per category, but you only have 6. So remove the references to item numbers 7 and 8 for each category in the HTML source code.

I have removed the items but the "0,0" on the attribute category did not go away: 

Then you made some mistake. If you do it right, the 0s go away

FWIW, you've deleted the </td> close tags in the table entries for both attribute categories, which will of course mess up things.

If you do it right, you'll get this (standard Picture IAT, modified for six instead of eight items per category, Inquisit 5 version https://library.millisecond.com/v5/iat/iattemplates/pictureiat/pictureiat.iqzip ):




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

</head>

<body>
    <div class = "left">
        <h1>Implicit Association Test</h1>
        <p> In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words and pictures into groups
        as fast as you can. Here are the four groups and the words and pictures that belong to them:</p>
        
        <table style="width:90%">
        <tr>
            <th id="firstrow">Category</th>
            <th id="firstrow">Item</th>
        </tr>
        
        <tr class="green">
            <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="green">
            <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><img src="<%item.targetA.1%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.2%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetA.3%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.4%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetA.5%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.6%>" height = "75vh"/>
            </td>
        </tr>

        <tr>
            <td><%item.targetBlabel.item(1)%></td>
            <td><img src="<%item.targetB.1%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.2%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetB.3%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.4%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetB.5%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.6%>" height = "75vh"/>
            </td>
        </tr>
    </table><br>
    <p>The task has 7 parts and the instructions change for each one. Pay attention!</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;
}
.green {
    color: lightgreen;
}
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 agt - 6/10/2024

Dave - 6/10/2024
Dave - 6/10/2024
atgoh - 6/10/2024
Dave - 6/10/2024
atgoh - 6/8/2024
I have encountered this error message when i remove items and 8. May I find out how to resolve this?



When previewed the task, i see additional items shown on the attribute category.


You need to edit the HTML file in a simple text editor (e.g. Windows Notepad) and remove the references to the items you don't need. The standard IAT has 8 items per category, but you only have 6. So remove the references to item numbers 7 and 8 for each category in the HTML source code.

I have removed the items but the "0,0" on the attribute category did not go away: 

Then you made some mistake. If you do it right, the 0s go away

FWIW, you've deleted the </td> close tags in the table entries for both attribute categories, which will of course mess up things.

If you do it right, you'll get this (standard Picture IAT, modified for six instead of eight items per category, Inquisit 5 version https://library.millisecond.com/v5/iat/iattemplates/pictureiat/pictureiat.iqzip ):




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

</head>

<body>
    <div class = "left">
        <h1>Implicit Association Test</h1>
        <p> In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words and pictures into groups
        as fast as you can. Here are the four groups and the words and pictures that belong to them:</p>
        
        <table style="width:90%">
        <tr>
            <th id="firstrow">Category</th>
            <th id="firstrow">Item</th>
        </tr>
        
        <tr class="green">
            <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="green">
            <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><img src="<%item.targetA.1%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.2%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetA.3%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.4%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetA.5%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.6%>" height = "75vh"/>
            </td>
        </tr>

        <tr>
            <td><%item.targetBlabel.item(1)%></td>
            <td><img src="<%item.targetB.1%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.2%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetB.3%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.4%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetB.5%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.6%>" height = "75vh"/>
            </td>
        </tr>
    </table><br>
    <p>The task has 7 parts and the instructions change for each one. Pay attention!</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;
}
.green {
    color: lightgreen;
}
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>

Thank you. This works!
By agt - 6/10/2024

atgoh - 6/11/2024
Dave - 6/10/2024
Dave - 6/10/2024
atgoh - 6/10/2024
Dave - 6/10/2024
atgoh - 6/8/2024
I have encountered this error message when i remove items and 8. May I find out how to resolve this?



When previewed the task, i see additional items shown on the attribute category.


You need to edit the HTML file in a simple text editor (e.g. Windows Notepad) and remove the references to the items you don't need. The standard IAT has 8 items per category, but you only have 6. So remove the references to item numbers 7 and 8 for each category in the HTML source code.

I have removed the items but the "0,0" on the attribute category did not go away: 

Then you made some mistake. If you do it right, the 0s go away

FWIW, you've deleted the </td> close tags in the table entries for both attribute categories, which will of course mess up things.

If you do it right, you'll get this (standard Picture IAT, modified for six instead of eight items per category, Inquisit 5 version https://library.millisecond.com/v5/iat/iattemplates/pictureiat/pictureiat.iqzip ):




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

</head>

<body>
    <div class = "left">
        <h1>Implicit Association Test</h1>
        <p> In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words and pictures into groups
        as fast as you can. Here are the four groups and the words and pictures that belong to them:</p>
        
        <table style="width:90%">
        <tr>
            <th id="firstrow">Category</th>
            <th id="firstrow">Item</th>
        </tr>
        
        <tr class="green">
            <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="green">
            <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><img src="<%item.targetA.1%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.2%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetA.3%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.4%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetA.5%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.6%>" height = "75vh"/>
            </td>
        </tr>

        <tr>
            <td><%item.targetBlabel.item(1)%></td>
            <td><img src="<%item.targetB.1%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.2%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetB.3%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.4%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetB.5%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.6%>" height = "75vh"/>
            </td>
        </tr>
    </table><br>
    <p>The task has 7 parts and the instructions change for each one. Pay attention!</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;
}
.green {
    color: lightgreen;
}
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>

Thank you. This works!

Would it be possible to increase the image size on the intro page and also the actual task?
By Dave - 6/11/2024

atgoh - 6/11/2024
atgoh - 6/11/2024
Dave - 6/10/2024
Dave - 6/10/2024
atgoh - 6/10/2024
Dave - 6/10/2024
atgoh - 6/8/2024
I have encountered this error message when i remove items and 8. May I find out how to resolve this?



When previewed the task, i see additional items shown on the attribute category.


You need to edit the HTML file in a simple text editor (e.g. Windows Notepad) and remove the references to the items you don't need. The standard IAT has 8 items per category, but you only have 6. So remove the references to item numbers 7 and 8 for each category in the HTML source code.

I have removed the items but the "0,0" on the attribute category did not go away: 

Then you made some mistake. If you do it right, the 0s go away

FWIW, you've deleted the </td> close tags in the table entries for both attribute categories, which will of course mess up things.

If you do it right, you'll get this (standard Picture IAT, modified for six instead of eight items per category, Inquisit 5 version https://library.millisecond.com/v5/iat/iattemplates/pictureiat/pictureiat.iqzip ):




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

</head>

<body>
    <div class = "left">
        <h1>Implicit Association Test</h1>
        <p> In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words and pictures into groups
        as fast as you can. Here are the four groups and the words and pictures that belong to them:</p>
        
        <table style="width:90%">
        <tr>
            <th id="firstrow">Category</th>
            <th id="firstrow">Item</th>
        </tr>
        
        <tr class="green">
            <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="green">
            <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><img src="<%item.targetA.1%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.2%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetA.3%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.4%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetA.5%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;<img src="<%item.targetA.6%>" height = "75vh"/>
            </td>
        </tr>

        <tr>
            <td><%item.targetBlabel.item(1)%></td>
            <td><img src="<%item.targetB.1%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.2%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetB.3%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.4%>" height = "75vh"/>&nbsp;&nbsp;&nbsp;
                <img src="<%item.targetB.5%>" height = "75vh">&nbsp;&nbsp;&nbsp;<img src="<%item.targetB.6%>" height = "75vh"/>
            </td>
        </tr>
    </table><br>
    <p>The task has 7 parts and the instructions change for each one. Pay attention!</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;
}
.green {
    color: lightgreen;
}
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>

Thank you. This works!

Would it be possible to increase the image size on the intro page and also the actual task?

Sure. In the HTML, change the 75vh to something larger (e.g. 125vh).

In the script, change /size in <picture targetA> and <picture targetB> to something larger