|
abhi
|
|
|
Group: Forum Members
Posts: 114,
Visits: 558
|
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!
|
|
|
|
|
Dave
|
|
|
Group: Administrators
Posts: 13K,
Visits: 104K
|
+xHi, 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.
|
|
|
|
|
abhi
|
|
|
Group: Forum Members
Posts: 114,
Visits: 558
|
+x+xHi, 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>
|
|
|
|
|
Dave
|
|
|
Group: Administrators
Posts: 13K,
Visits: 104K
|
+x+x+xHi, 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.
|
|
|
|
|
abhi
|
|
|
Group: Forum Members
Posts: 114,
Visits: 558
|
+x+x+x+xHi, 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/rzfcThanks 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 ?
|
|
|
|
|
Dave
|
|
|
Group: Administrators
Posts: 13K,
Visits: 104K
|
+x+x+x+x+xHi, 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/rzfcThanks 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.
|
|
|
|
|
abhi
|
|
|
Group: Forum Members
Posts: 114,
Visits: 558
|
Thanks Dave. Will try the workaround solution.
|
|
|
|