Millisecond Forums

Html doc in IAT

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

By abhi - 4/4/2024

Hi, 

I am launching an IAT with some modification in html document from the files taken from test library. The expt is running fine on my computer, but when launched on web the html file is not displayed correctly. The items are missing. instead the following is shown. What could be the problem. Thanks.

In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups as fast as you can. Here are the four groups and the words that belong to them. Please familiarize yourselves with these words, as you will see them in the next few pages.:

Category Item
, , , , , , , , , , , ,
, , , , , , , , , , , ,
, , , , , , , , , ,
, , , , , , ,, , ,


The task has 7 parts and the instructions change for each one. Pay attention!
By Dave - 4/4/2024

abhi - 4/4/2024
Hi, 

I am launching an IAT with some modification in html document from the files taken from test library. The expt is running fine on my computer, but when launched on web the html file is not displayed correctly. The items are missing. instead the following is shown. What could be the problem. Thanks.

In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups as fast as you can. Here are the four groups and the words that belong to them. Please familiarize yourselves with these words, as you will see them in the next few pages.:

Category Item
, , , , , , , , , , , ,
, , , , , , , , , , , ,
, , , , , , , , , ,
, , , , , , ,, , ,


The task has 7 parts and the instructions change for each one. Pay attention!

If your IAT is displaying images as items, you must enter any and all image file names in the script's <item> elements in all lower case letters.
By abhi - 4/4/2024

Dave - 4/4/2024
abhi - 4/4/2024
Hi, 

I am launching an IAT with some modification in html document from the files taken from test library. The expt is running fine on my computer, but when launched on web the html file is not displayed correctly. The items are missing. instead the following is shown. What could be the problem. Thanks.

In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups as fast as you can. Here are the four groups and the words that belong to them. Please familiarize yourselves with these words, as you will see them in the next few pages.:

Category Item
, , , , , , , , , , , ,
, , , , , , , , , , , ,
, , , , , , , , , ,
, , , , , , ,, , ,


The task has 7 parts and the instructions change for each one. Pay attention!

If your IAT is displaying images as items, you must enter any and all image file names in the script's <item> elements in all lower case letters.

Hi Dave, Thanks for replying. There are no images in this. Just text elements. Following is the html opened in notepad. However, it displays nicely when I test on laptop. But problem is only in web experiment.



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex, nofollow"/>
<title>iat intro</title>
<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;
}
.white {
    color: white;
}
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>
</head>

<body style="cursor:default">
    <div class = "left">
        <h1>Perception of Foods</h1>
        <p> In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups
        as fast as you can. Here are the four groups and the words that belong to them.

Please familiarize yourselves with these words, as you will see them in the next few pages.:</p>
        
        <table style="width:90%">
        <tr>
            <th class="firstrow">Category</th>
            <th class="firstrow">Item</th>
        </tr>
        
        <tr class="black">
            <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)%>, <%item.attributeA.item(7)%>, <%item.attributeA.item(8)%>, <%item.attributeA.item(9)%>, <%item.attributeA.item(10)%>, <%item.attributeA.item(11)%>, <%item.attributeA.item(12)%>, <%item.attributeA.item(13)%>
            </td>
        </tr>
        
        <tr class="black">
            <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)%>, <%item.attributeB.item(7)%>, <%item.attributeB.item(8)%>, <%item.attributeB.item(9)%>, <%item.attributeB.item(10)%>, <%item.attributeB.item(11)%>, <%item.attributeB.item(12)%>, <%item.attributeB.item(13)%>
</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)%>, <%item.targetA.item(6)%>, <%item.targetA.item(7)%>, <%item.targetA.item(8)%>, <%item.targetA.item(9)%>, <%item.targetA.item(10)%>, <%item.targetA.item(11)%>
            </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)%>, <%item.targetB.item(6)%>, <%item.targetB.item(7)%>,<%item.targetB.item(8)%>, <%item.targetB.item(9)%>, <%item.targetB.item(10)%>, <%item.targetB.item(11)%>
            </td>
        </tr>
    </table><br>
    <p>The task has 7 parts and the instructions change for each one. Pay attention!</p>
    </div>


</body>

</html>
By Dave - 4/4/2024

abhi - 4/4/2024
Dave - 4/4/2024
abhi - 4/4/2024
Hi, 

I am launching an IAT with some modification in html document from the files taken from test library. The expt is running fine on my computer, but when launched on web the html file is not displayed correctly. The items are missing. instead the following is shown. What could be the problem. Thanks.

In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups as fast as you can. Here are the four groups and the words that belong to them. Please familiarize yourselves with these words, as you will see them in the next few pages.:

Category Item
, , , , , , , , , , , ,
, , , , , , , , , , , ,
, , , , , , , , , ,
, , , , , , ,, , ,


The task has 7 parts and the instructions change for each one. Pay attention!

If your IAT is displaying images as items, you must enter any and all image file names in the script's <item> elements in all lower case letters.

Hi Dave, Thanks for replying. There are no images in this. Just text elements. Following is the html opened in notepad. However, it displays nicely when I test on laptop. But problem is only in web experiment.



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex, nofollow"/>
<title>iat intro</title>
<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;
}
.white {
    color: white;
}
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>
</head>

<body style="cursor:default">
    <div class = "left">
        <h1>Perception of Foods</h1>
        <p> In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups
        as fast as you can. Here are the four groups and the words that belong to them.

Please familiarize yourselves with these words, as you will see them in the next few pages.:</p>
        
        <table style="width:90%">
        <tr>
            <th class="firstrow">Category</th>
            <th class="firstrow">Item</th>
        </tr>
        
        <tr class="black">
            <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)%>, <%item.attributeA.item(7)%>, <%item.attributeA.item(8)%>, <%item.attributeA.item(9)%>, <%item.attributeA.item(10)%>, <%item.attributeA.item(11)%>, <%item.attributeA.item(12)%>, <%item.attributeA.item(13)%>
            </td>
        </tr>
        
        <tr class="black">
            <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)%>, <%item.attributeB.item(7)%>, <%item.attributeB.item(8)%>, <%item.attributeB.item(9)%>, <%item.attributeB.item(10)%>, <%item.attributeB.item(11)%>, <%item.attributeB.item(12)%>, <%item.attributeB.item(13)%>
</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)%>, <%item.targetA.item(6)%>, <%item.targetA.item(7)%>, <%item.targetA.item(8)%>, <%item.targetA.item(9)%>, <%item.targetA.item(10)%>, <%item.targetA.item(11)%>
            </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)%>, <%item.targetB.item(6)%>, <%item.targetB.item(7)%>,<%item.targetB.item(8)%>, <%item.targetB.item(9)%>, <%item.targetB.item(10)%>, <%item.targetB.item(11)%>
            </td>
        </tr>
    </table><br>
    <p>The task has 7 parts and the instructions change for each one. Pay attention!</p>
    </div>


</body>

</html>

Link the experiment, please.
By abhi - 4/4/2024

Dave - 4/4/2024
abhi - 4/4/2024
Dave - 4/4/2024
abhi - 4/4/2024
Hi, 

I am launching an IAT with some modification in html document from the files taken from test library. The expt is running fine on my computer, but when launched on web the html file is not displayed correctly. The items are missing. instead the following is shown. What could be the problem. Thanks.

In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups as fast as you can. Here are the four groups and the words that belong to them. Please familiarize yourselves with these words, as you will see them in the next few pages.:

Category Item
, , , , , , , , , , , ,
, , , , , , , , , , , ,
, , , , , , , , , ,
, , , , , , ,, , ,


The task has 7 parts and the instructions change for each one. Pay attention!

If your IAT is displaying images as items, you must enter any and all image file names in the script's <item> elements in all lower case letters.

Hi Dave, Thanks for replying. There are no images in this. Just text elements. Following is the html opened in notepad. However, it displays nicely when I test on laptop. But problem is only in web experiment.



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex, nofollow"/>
<title>iat intro</title>
<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;
}
.white {
    color: white;
}
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>
</head>

<body style="cursor:default">
    <div class = "left">
        <h1>Perception of Foods</h1>
        <p> In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups
        as fast as you can. Here are the four groups and the words that belong to them.

Please familiarize yourselves with these words, as you will see them in the next few pages.:</p>
        
        <table style="width:90%">
        <tr>
            <th class="firstrow">Category</th>
            <th class="firstrow">Item</th>
        </tr>
        
        <tr class="black">
            <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)%>, <%item.attributeA.item(7)%>, <%item.attributeA.item(8)%>, <%item.attributeA.item(9)%>, <%item.attributeA.item(10)%>, <%item.attributeA.item(11)%>, <%item.attributeA.item(12)%>, <%item.attributeA.item(13)%>
            </td>
        </tr>
        
        <tr class="black">
            <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)%>, <%item.attributeB.item(7)%>, <%item.attributeB.item(8)%>, <%item.attributeB.item(9)%>, <%item.attributeB.item(10)%>, <%item.attributeB.item(11)%>, <%item.attributeB.item(12)%>, <%item.attributeB.item(13)%>
</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)%>, <%item.targetA.item(6)%>, <%item.targetA.item(7)%>, <%item.targetA.item(8)%>, <%item.targetA.item(9)%>, <%item.targetA.item(10)%>, <%item.targetA.item(11)%>
            </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)%>, <%item.targetB.item(6)%>, <%item.targetB.item(7)%>,<%item.targetB.item(8)%>, <%item.targetB.item(9)%>, <%item.targetB.item(10)%>, <%item.targetB.item(11)%>
            </td>
        </tr>
    </table><br>
    <p>The task has 7 parts and the instructions change for each one. Pay attention!</p>
    </div>


</body>

</html>

Link the experiment, please.

https://mili2nd.co/rzfc

Thanks Dave. Page 3/4 in this is the html page. I faced this issue earlier also. Forgot how I fixed it. Is it do with inquisit 5 or 6 ?
By Dave - 4/4/2024

abhi - 4/4/2024
Dave - 4/4/2024
abhi - 4/4/2024
Dave - 4/4/2024
abhi - 4/4/2024
Hi, 

I am launching an IAT with some modification in html document from the files taken from test library. The expt is running fine on my computer, but when launched on web the html file is not displayed correctly. The items are missing. instead the following is shown. What could be the problem. Thanks.

In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups as fast as you can. Here are the four groups and the words that belong to them. Please familiarize yourselves with these words, as you will see them in the next few pages.:

Category Item
, , , , , , , , , , , ,
, , , , , , , , , , , ,
, , , , , , , , , ,
, , , , , , ,, , ,


The task has 7 parts and the instructions change for each one. Pay attention!

If your IAT is displaying images as items, you must enter any and all image file names in the script's <item> elements in all lower case letters.

Hi Dave, Thanks for replying. There are no images in this. Just text elements. Following is the html opened in notepad. However, it displays nicely when I test on laptop. But problem is only in web experiment.



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="robots" content="noindex, nofollow"/>
<title>iat intro</title>
<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;
}
.white {
    color: white;
}
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>
</head>

<body style="cursor:default">
    <div class = "left">
        <h1>Perception of Foods</h1>
        <p> In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups
        as fast as you can. Here are the four groups and the words that belong to them.

Please familiarize yourselves with these words, as you will see them in the next few pages.:</p>
        
        <table style="width:90%">
        <tr>
            <th class="firstrow">Category</th>
            <th class="firstrow">Item</th>
        </tr>
        
        <tr class="black">
            <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)%>, <%item.attributeA.item(7)%>, <%item.attributeA.item(8)%>, <%item.attributeA.item(9)%>, <%item.attributeA.item(10)%>, <%item.attributeA.item(11)%>, <%item.attributeA.item(12)%>, <%item.attributeA.item(13)%>
            </td>
        </tr>
        
        <tr class="black">
            <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)%>, <%item.attributeB.item(7)%>, <%item.attributeB.item(8)%>, <%item.attributeB.item(9)%>, <%item.attributeB.item(10)%>, <%item.attributeB.item(11)%>, <%item.attributeB.item(12)%>, <%item.attributeB.item(13)%>
</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)%>, <%item.targetA.item(6)%>, <%item.targetA.item(7)%>, <%item.targetA.item(8)%>, <%item.targetA.item(9)%>, <%item.targetA.item(10)%>, <%item.targetA.item(11)%>
            </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)%>, <%item.targetB.item(6)%>, <%item.targetB.item(7)%>,<%item.targetB.item(8)%>, <%item.targetB.item(9)%>, <%item.targetB.item(10)%>, <%item.targetB.item(11)%>
            </td>
        </tr>
    </table><br>
    <p>The task has 7 parts and the instructions change for each one. Pay attention!</p>
    </div>


</body>

</html>

Link the experiment, please.

https://mili2nd.co/rzfc

Thanks Dave. Page 3/4 in this is the html page. I faced this issue earlier also. Forgot how I fixed it. Is it do with inquisit 5 or 6 ?

Thanks for the link. The problem is caused by security settings on your computer, as you can see from the logs:



Basically, those settings do not allow Inquisit to set the contents of the HTML, i.e. insert the items. These settings will only apply in an online setting, that is why things work fine locally for you. I cannot tell you which setting or combination of settings is responsible, there are too many possibilities.

On computers (like mine) with different settings, things will work fine:



One thing you can try to work around the issue is to forego the use of HTML pages. <page> elements can be HTML-formatted (within limits; not all CSS-styling options are available), so replace <htmlpage iatintro> with e.g.

<page iatintro>
<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;
}
.white {
    color: white;
}
table, th, td {
border: 0.5vh white;
border-collapse: collapse;    
    border-color: white;
}
th, td {
padding: 1vh;
}
th {
text-align: left;
}
.firstrow {
    background-color: gray;
}
</style>

<body style="cursor:default">
    <div class = "left">
        <h1>Perception of Foods</h1>
        <p> In this task you will press the 'E' key (left response key) or the 'I' key (right response key) to categorize words into groups
        as fast as you can. Here are the four groups and the words that belong to them.

Please familiarize yourselves with these words, as you will see them in the next few pages:<br></p>
        
        <table style="width:90%">
        <tr>
            <th class="firstrow">Category</th>
            <th class="firstrow">Item</th>
        <br>
        </tr>
        
        <tr class="black">
            <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)%>, <%item.attributeA.item(7)%>, <%item.attributeA.item(8)%>, <%item.attributeA.item(9)%>, <%item.attributeA.item(10)%>, <%item.attributeA.item(11)%>, <%item.attributeA.item(12)%>, <%item.attributeA.item(13)%>
            <br>
            </td>
        </tr>
        
        <tr class="black">
            <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)%>, <%item.attributeB.item(7)%>, <%item.attributeB.item(8)%>, <%item.attributeB.item(9)%>, <%item.attributeB.item(10)%>, <%item.attributeB.item(11)%>, <%item.attributeB.item(12)%>, <%item.attributeB.item(13)%>
            <br>
            </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)%>, <%item.targetA.item(6)%>, <%item.targetA.item(7)%>, <%item.targetA.item(8)%>, <%item.targetA.item(9)%>, <%item.targetA.item(10)%>, <%item.targetA.item(11)%>
            <br>
            </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)%>, <%item.targetB.item(6)%>, <%item.targetB.item(7)%>,<%item.targetB.item(8)%>, <%item.targetB.item(9)%>, <%item.targetB.item(10)%>, <%item.targetB.item(11)%>
            <br>
            </td>
        </tr>
    </table><br>
    <p>The task has 7 parts and the instructions change for each one. Pay attention!</p>
    </div>
</body>
</page>


and check if that works on your computer.
By abhi - 4/4/2024

Thanks Dave. Will try the workaround solution.