Millisecond Forums

+x

 

falkenstone - 2/2/2023

Hello, 

I have two survey pages that are supposed to show the same picture. On the first survey page, the picture will be randomly selected. I want to present the same previously randomly selected picture again on the next survey page.

Any help is appreciated!

Please be more specific. Randomly selected from how many images? Do you plan to use <picture> elements or <image> elements? And if you already have some code, for example for the first page, provide that code as well as the relevant image files.

+x

 

Dave - 2/3/2023

+x

 

falkenstone - 2/2/2023

Hello, 

I have two survey pages that are supposed to show the same picture. On the first survey page, the picture will be randomly selected. I want to present the same previously randomly selected picture again on the next survey page.

Any help is appreciated!

Please be more specific. Randomly selected from how many images? Do you plan to use <picture> elements or <image> elements? And if you already have some code, for example for the first page, provide that code as well as the relevant image files.

Meanwhile, here's one example of one way to do this.

+x

 

Dave - 2/3/2023

+x

 

falkenstone - 2/2/2023

Hello, 

I have two survey pages that are supposed to show the same picture. On the first survey page, the picture will be randomly selected. I want to present the same previously randomly selected picture again on the next survey page.

Any help is appreciated!

Please be more specific. Randomly selected from how many images? Do you plan to use <picture> elements or <image> elements? And if you already have some code, for example for the first page, provide that code as well as the relevant image files.

Here is the code for the first survey page. In total, I have 36 images (I uploaded 3 files as examples). I included <picture> and <image> to track the file names of the images. For now, the block consists of only the first survey page. My idea is that explicit_A1T1 shows a randomly selected image (what it does already) followed by another survey page showing the same image again; this is followed again by a new randomly selected image in explicit_A1T1 and the new randomly selected image is again shown on the next survey page... and so on.  
Another feature I am working on is that participants can move forth and back between these two survey pages. Is there any other way than implementing the survey pages in a <survey>?

<block block_A1T1>
/ trials = [
    1-36 = noreplace(explicit_A1T1)]
</block>

<surveypage explicit_A1T1>
/ questions = [1 = target_A1T1]
/ stimulusframes = [1 = pic_A1T1]
/ showpagenumbers = false
/ showquestionnumbers = false
/ finishlabel = "Bewerten"
/ nextbuttonposition = (90%, 95%)
/ navigationbuttonfontstyle = ("Arial", 1.5%, false, false, false, false, 5, 1)
/ navigationbuttonsize = (10%, 5%)
</surveypage>

<picture pic_A1T1>
/ items = images_A1T1
/ position = (-50%, -50%)
</picture>

<image target_A1T1>
/ items = ("<%picture.pic_A1T1.currentitem%>")
/ imagesize = (100%, 90%)
/ position = (5%, 1%)
</image>

<item images_A1T1>
/ 1 = "A1T1_01_small.jpg"
/ 2 = "A1T1_02_small.jpg"
/ 3 = "A1T1_03_small.jpg"
/ 4 = "A1T1_04_small.jpg"
/ 5 = "A1T1_05_small.jpg"
/ 6 = "A1T1_06_small.jpg"
/ 7 = "A1T1_07_small.jpg"
/ 8 = "A1T1_08_small.jpg"
/ 9 = "A1T1_09_small.jpg"
/ 10 = "A1T1_10_small.jpg"
/ 11 = "A1T1_11_small.jpg"
/ 12 = "A1T1_12_small.jpg"
/ 13 = "A1T1_13_small.jpg"
/ 14 = "A1T1_14_small.jpg"
/ 15 = "A1T1_15_small.jpg"
/ 16 = "A1T1_16_small.jpg"
/ 17 = "A1T1_17_small.jpg"
/ 18 = "A1T1_18_small.jpg"
/ 19 = "A1T1_19_small.jpg"
/ 20 = "A1T1_20_small.jpg"
/ 21 = "A1T1_21_small.jpg"
/ 22 = "A1T1_22_small.jpg"
/ 23 = "A1T1_23_small.jpg"
/ 24 = "A1T1_24_small.jpg"
/ 25 = "A1T1_25_small.jpg"
/ 26 = "A1T1_26_small.jpg"
/ 27 = "A1T1_27_small.jpg"
/ 28 = "A1T1_28_small.jpg"
/ 29 = "A1T1_29_small.jpg"
/ 30 = "A1T1_30_small.jpg"
/ 31 = "A1T1_31_small.jpg"
/ 32 = "A1T1_32_small.jpg"
/ 33 = "A1T1_33_small.jpg"
/ 34 = "A1T1_34_small.jpg"
/ 35 = "A1T1_35_small.jpg"
/ 36 = "A1T1_36_small.jpg"
</item>

+x

 

falkenstone - 2/3/2023

+x

 

Dave - 2/3/2023

+x

 

falkenstone - 2/2/2023

Hello, 

I have two survey pages that are supposed to show the same picture. On the first survey page, the picture will be randomly selected. I want to present the same previously randomly selected picture again on the next survey page.

Any help is appreciated!

Please be more specific. Randomly selected from how many images? Do you plan to use <picture> elements or <image> elements? And if you already have some code, for example for the first page, provide that code as well as the relevant image files.

Here is the code for the first survey page. In total, I have 36 images (I uploaded 3 files as examples). I included <picture> and <image> to track the file names of the images. For now, the block consists of only the first survey page. My idea is that explicit_A1T1 shows a randomly selected image (what it does already) followed by another survey page showing the same image again; this is followed again by a new randomly selected image in explicit_A1T1 and the new randomly selected image is again shown on the next survey page... and so on.  
Another feature I am working on is that participants can move forth and back between these two survey pages. Is there any other way than implementing the survey pages in a <survey>?

<block block_A1T1>
/ trials = [
    1-36 = noreplace(explicit_A1T1)]
</block>

<surveypage explicit_A1T1>
/ questions = [1 = target_A1T1]
/ stimulusframes = [1 = pic_A1T1]
/ showpagenumbers = false
/ showquestionnumbers = false
/ finishlabel = "Bewerten"
/ nextbuttonposition = (90%, 95%)
/ navigationbuttonfontstyle = ("Arial", 1.5%, false, false, false, false, 5, 1)
/ navigationbuttonsize = (10%, 5%)
</surveypage>

<picture pic_A1T1>
/ items = images_A1T1
/ position = (-50%, -50%)
</picture>

<image target_A1T1>
/ items = ("<%picture.pic_A1T1.currentitem%>")
/ imagesize = (100%, 90%)
/ position = (5%, 1%)
</image>

<item images_A1T1>
/ 1 = "A1T1_01_small.jpg"
/ 2 = "A1T1_02_small.jpg"
/ 3 = "A1T1_03_small.jpg"
/ 4 = "A1T1_04_small.jpg"
/ 5 = "A1T1_05_small.jpg"
/ 6 = "A1T1_06_small.jpg"
/ 7 = "A1T1_07_small.jpg"
/ 8 = "A1T1_08_small.jpg"
/ 9 = "A1T1_09_small.jpg"
/ 10 = "A1T1_10_small.jpg"
/ 11 = "A1T1_11_small.jpg"
/ 12 = "A1T1_12_small.jpg"
/ 13 = "A1T1_13_small.jpg"
/ 14 = "A1T1_14_small.jpg"
/ 15 = "A1T1_15_small.jpg"
/ 16 = "A1T1_16_small.jpg"
/ 17 = "A1T1_17_small.jpg"
/ 18 = "A1T1_18_small.jpg"
/ 19 = "A1T1_19_small.jpg"
/ 20 = "A1T1_20_small.jpg"
/ 21 = "A1T1_21_small.jpg"
/ 22 = "A1T1_22_small.jpg"
/ 23 = "A1T1_23_small.jpg"
/ 24 = "A1T1_24_small.jpg"
/ 25 = "A1T1_25_small.jpg"
/ 26 = "A1T1_26_small.jpg"
/ 27 = "A1T1_27_small.jpg"
/ 28 = "A1T1_28_small.jpg"
/ 29 = "A1T1_29_small.jpg"
/ 30 = "A1T1_30_small.jpg"
/ 31 = "A1T1_31_small.jpg"
/ 32 = "A1T1_32_small.jpg"
/ 33 = "A1T1_33_small.jpg"
/ 34 = "A1T1_34_small.jpg"
/ 35 = "A1T1_35_small.jpg"
/ 36 = "A1T1_36_small.jpg"
</item>

> Another feature I am working on is that participants can move forth and back between these two survey pages.

This won't be possible.

+x

 

Dave - 2/3/2023

+x

 

falkenstone - 2/3/2023

+x

 

Dave - 2/3/2023

+x

 

falkenstone - 2/2/2023

Hello, 

I have two survey pages that are supposed to show the same picture. On the first survey page, the picture will be randomly selected. I want to present the same previously randomly selected picture again on the next survey page.

Any help is appreciated!

Please be more specific. Randomly selected from how many images? Do you plan to use <picture> elements or <image> elements? And if you already have some code, for example for the first page, provide that code as well as the relevant image files.

Here is the code for the first survey page. In total, I have 36 images (I uploaded 3 files as examples). I included <picture> and <image> to track the file names of the images. For now, the block consists of only the first survey page. My idea is that explicit_A1T1 shows a randomly selected image (what it does already) followed by another survey page showing the same image again; this is followed again by a new randomly selected image in explicit_A1T1 and the new randomly selected image is again shown on the next survey page... and so on.  
Another feature I am working on is that participants can move forth and back between these two survey pages. Is there any other way than implementing the survey pages in a <survey>?

<block block_A1T1>
/ trials = [
    1-36 = noreplace(explicit_A1T1)]
</block>

<surveypage explicit_A1T1>
/ questions = [1 = target_A1T1]
/ stimulusframes = [1 = pic_A1T1]
/ showpagenumbers = false
/ showquestionnumbers = false
/ finishlabel = "Bewerten"
/ nextbuttonposition = (90%, 95%)
/ navigationbuttonfontstyle = ("Arial", 1.5%, false, false, false, false, 5, 1)
/ navigationbuttonsize = (10%, 5%)
</surveypage>

<picture pic_A1T1>
/ items = images_A1T1
/ position = (-50%, -50%)
</picture>

<image target_A1T1>
/ items = ("<%picture.pic_A1T1.currentitem%>")
/ imagesize = (100%, 90%)
/ position = (5%, 1%)
</image>

<item images_A1T1>
/ 1 = "A1T1_01_small.jpg"
/ 2 = "A1T1_02_small.jpg"
/ 3 = "A1T1_03_small.jpg"
/ 4 = "A1T1_04_small.jpg"
/ 5 = "A1T1_05_small.jpg"
/ 6 = "A1T1_06_small.jpg"
/ 7 = "A1T1_07_small.jpg"
/ 8 = "A1T1_08_small.jpg"
/ 9 = "A1T1_09_small.jpg"
/ 10 = "A1T1_10_small.jpg"
/ 11 = "A1T1_11_small.jpg"
/ 12 = "A1T1_12_small.jpg"
/ 13 = "A1T1_13_small.jpg"
/ 14 = "A1T1_14_small.jpg"
/ 15 = "A1T1_15_small.jpg"
/ 16 = "A1T1_16_small.jpg"
/ 17 = "A1T1_17_small.jpg"
/ 18 = "A1T1_18_small.jpg"
/ 19 = "A1T1_19_small.jpg"
/ 20 = "A1T1_20_small.jpg"
/ 21 = "A1T1_21_small.jpg"
/ 22 = "A1T1_22_small.jpg"
/ 23 = "A1T1_23_small.jpg"
/ 24 = "A1T1_24_small.jpg"
/ 25 = "A1T1_25_small.jpg"
/ 26 = "A1T1_26_small.jpg"
/ 27 = "A1T1_27_small.jpg"
/ 28 = "A1T1_28_small.jpg"
/ 29 = "A1T1_29_small.jpg"
/ 30 = "A1T1_30_small.jpg"
/ 31 = "A1T1_31_small.jpg"
/ 32 = "A1T1_32_small.jpg"
/ 33 = "A1T1_33_small.jpg"
/ 34 = "A1T1_34_small.jpg"
/ 35 = "A1T1_35_small.jpg"
/ 36 = "A1T1_36_small.jpg"
</item>

<block block_A1T1>
/ trials = [
    1-3 = noreplace(explicit_A1T1)]
</block>

<surveypage explicit_A1T1>
/ questions = [1 = target_A1T1]
/ stimulusframes = [1 = pic_A1T1]
/ showpagenumbers = false
/ showquestionnumbers = false
/ finishlabel = "Bewerten"
/ nextbuttonposition = (90%, 95%)
/ navigationbuttonfontstyle = ("Arial", 1.5%, false, false, false, false, 5, 1)
/ navigationbuttonsize = (10%, 5%)
/ branch = [
    return surveypage.explicit_A1T2;
]
</surveypage>

<surveypage explicit_A1T2>
/ questions = [1 = target_A1T2]
/ showpagenumbers = false
/ showquestionnumbers = false
/ finishlabel = "Weiter"
/ nextbuttonposition = (90%, 95%)
/ navigationbuttonfontstyle = ("Arial", 1.5%, false, false, false, false, 5, 1)
/ navigationbuttonsize = (10%, 5%)
</surveypage>

<picture pic_A1T1>
/ items = images_A1T1
/ position = (-50%, -50%)
</picture>

<image target_A1T1>
/ items = ("<%picture.pic_A1T1.currentitem%>")
/ imagesize = (100%, 90%)
/ position = (5%, 1%)
</image>

<image target_A1T2>
/ items = ("<%picture.pic_A1T1.currentitem%>")
/ imagesize = (50%, 45%)
/ position = (5%, 1%)
</image>

<item images_A1T1>
/ 1 = "A1T1_01_small.jpg"
/ 2 = "A1T1_02_small.jpg"
/ 3 = "A1T1_03_small.jpg"
</item>

> Another feature I am working on is that participants can move forth and back between these two survey pages.

This won't be possible.

Thanks a lot, Dave! Very helpful.
I thought that the image file names would be saved on <surveypage explicit_A1T1> but this is not working.
Now, I tried to save the file names of the images presented on the second survey page (<surveypage explicit_A1T2>) in the data file.
When I include pic_A1T1 as another stimulusframe in <surveypage explicit_A1T2> (see below), the order of the images is mixed up which means that the image on <surveypage explicit_A1T2> is not the same as the one presented before on <surveypage explicit_A1T1>.
Do you have another idea on how to save the image file names?

<surveypage explicit_A1T2>
/ questions = [1 = target_A1T2]
/ stimulusframes = [1 = pic_A1T1]
/ showpagenumbers = false
/ showquestionnumbers = false
/ finishlabel = "Weiter"
/ nextbuttonposition = (90%, 95%)
/ navigationbuttonfontstyle = ("Arial", 1.5%, false, false, false, false, 5, 1)
/ navigationbuttonsize = (10%, 5%)
</surveypage>

+x

 

falkenstone - 2/6/2023

+x

 

Dave - 2/3/2023

+x

 

falkenstone - 2/3/2023

+x

 

Dave - 2/3/2023

+x

 

falkenstone - 2/2/2023

Hello, 

I have two survey pages that are supposed to show the same picture. On the first survey page, the picture will be randomly selected. I want to present the same previously randomly selected picture again on the next survey page.

Any help is appreciated!

Please be more specific. Randomly selected from how many images? Do you plan to use <picture> elements or <image> elements? And if you already have some code, for example for the first page, provide that code as well as the relevant image files.

Here is the code for the first survey page. In total, I have 36 images (I uploaded 3 files as examples). I included <picture> and <image> to track the file names of the images. For now, the block consists of only the first survey page. My idea is that explicit_A1T1 shows a randomly selected image (what it does already) followed by another survey page showing the same image again; this is followed again by a new randomly selected image in explicit_A1T1 and the new randomly selected image is again shown on the next survey page... and so on.  
Another feature I am working on is that participants can move forth and back between these two survey pages. Is there any other way than implementing the survey pages in a <survey>?

<block block_A1T1>
/ trials = [
    1-36 = noreplace(explicit_A1T1)]
</block>

<surveypage explicit_A1T1>
/ questions = [1 = target_A1T1]
/ stimulusframes = [1 = pic_A1T1]
/ showpagenumbers = false
/ showquestionnumbers = false
/ finishlabel = "Bewerten"
/ nextbuttonposition = (90%, 95%)
/ navigationbuttonfontstyle = ("Arial", 1.5%, false, false, false, false, 5, 1)
/ navigationbuttonsize = (10%, 5%)
</surveypage>

<picture pic_A1T1>
/ items = images_A1T1
/ position = (-50%, -50%)
</picture>

<image target_A1T1>
/ items = ("<%picture.pic_A1T1.currentitem%>")
/ imagesize = (100%, 90%)
/ position = (5%, 1%)
</image>

<item images_A1T1>
/ 1 = "A1T1_01_small.jpg"
/ 2 = "A1T1_02_small.jpg"
/ 3 = "A1T1_03_small.jpg"
/ 4 = "A1T1_04_small.jpg"
/ 5 = "A1T1_05_small.jpg"
/ 6 = "A1T1_06_small.jpg"
/ 7 = "A1T1_07_small.jpg"
/ 8 = "A1T1_08_small.jpg"
/ 9 = "A1T1_09_small.jpg"
/ 10 = "A1T1_10_small.jpg"
/ 11 = "A1T1_11_small.jpg"
/ 12 = "A1T1_12_small.jpg"
/ 13 = "A1T1_13_small.jpg"
/ 14 = "A1T1_14_small.jpg"
/ 15 = "A1T1_15_small.jpg"
/ 16 = "A1T1_16_small.jpg"
/ 17 = "A1T1_17_small.jpg"
/ 18 = "A1T1_18_small.jpg"
/ 19 = "A1T1_19_small.jpg"
/ 20 = "A1T1_20_small.jpg"
/ 21 = "A1T1_21_small.jpg"
/ 22 = "A1T1_22_small.jpg"
/ 23 = "A1T1_23_small.jpg"
/ 24 = "A1T1_24_small.jpg"
/ 25 = "A1T1_25_small.jpg"
/ 26 = "A1T1_26_small.jpg"
/ 27 = "A1T1_27_small.jpg"
/ 28 = "A1T1_28_small.jpg"
/ 29 = "A1T1_29_small.jpg"
/ 30 = "A1T1_30_small.jpg"
/ 31 = "A1T1_31_small.jpg"
/ 32 = "A1T1_32_small.jpg"
/ 33 = "A1T1_33_small.jpg"
/ 34 = "A1T1_34_small.jpg"
/ 35 = "A1T1_35_small.jpg"
/ 36 = "A1T1_36_small.jpg"
</item>

<block block_A1T1>
/ trials = [
    1-3 = noreplace(explicit_A1T1)]
</block>

<surveypage explicit_A1T1>
/ questions = [1 = target_A1T1]
/ stimulusframes = [1 = pic_A1T1]
/ showpagenumbers = false
/ showquestionnumbers = false
/ finishlabel = "Bewerten"
/ nextbuttonposition = (90%, 95%)
/ navigationbuttonfontstyle = ("Arial", 1.5%, false, false, false, false, 5, 1)
/ navigationbuttonsize = (10%, 5%)
/ branch = [
    return surveypage.explicit_A1T2;
]
</surveypage>

<surveypage explicit_A1T2>
/ questions = [1 = target_A1T2]
/ showpagenumbers = false
/ showquestionnumbers = false
/ finishlabel = "Weiter"
/ nextbuttonposition = (90%, 95%)
/ navigationbuttonfontstyle = ("Arial", 1.5%, false, false, false, false, 5, 1)
/ navigationbuttonsize = (10%, 5%)
</surveypage>

<picture pic_A1T1>
/ items = images_A1T1
/ position = (-50%, -50%)
</picture>

<image target_A1T1>
/ items = ("<%picture.pic_A1T1.currentitem%>")
/ imagesize = (100%, 90%)
/ position = (5%, 1%)
</image>

<image target_A1T2>
/ items = ("<%picture.pic_A1T1.currentitem%>")
/ imagesize = (50%, 45%)
/ position = (5%, 1%)
</image>

<item images_A1T1>
/ 1 = "A1T1_01_small.jpg"
/ 2 = "A1T1_02_small.jpg"
/ 3 = "A1T1_03_small.jpg"
</item>

> Another feature I am working on is that participants can move forth and back between these two survey pages.

This won't be possible.

Thanks a lot, Dave! Very helpful.
I thought that the image file names would be saved on <surveypage explicit_A1T1> but this is not working.
Now, I tried to save the file names of the images presented on the second survey page (<surveypage explicit_A1T2>) in the data file.
When I include pic_A1T1 as another stimulusframe in <surveypage explicit_A1T2> (see below), the order of the images is mixed up which means that the image on <surveypage explicit_A1T2> is not the same as the one presented before on <surveypage explicit_A1T1>.
Do you have another idea on how to save the image file names?

<surveypage explicit_A1T2>
/ questions = [1 = target_A1T2]
/ stimulusframes = [1 = pic_A1T1]
/ showpagenumbers = false
/ showquestionnumbers = false
/ finishlabel = "Weiter"
/ nextbuttonposition = (90%, 95%)
/ navigationbuttonfontstyle = ("Arial", 1.5%, false, false, false, false, 5, 1)
/ navigationbuttonsize = (10%, 5%)
</surveypage>

> When I include pic_A1T1 as another stimulusframe in <surveypage explicit_A1T2>

You should absolutely not do that under any circumstances.

In general, you'll just want to log picture.pic_A1T1.currentitem to the data file, i.e.



However, for anything to be logged for <surveypage explicit_A1T2>, there must be something loggable first, i.e. at least one question that takes a response.