Hi everyone, I'm very new to Qualtrics and thus need your suggestion about my problem. I'm currently writing a qualtrics for an economic experiment. All question types are multiple choice. In each option, I need to insert lots of small images to help my participant visualise the size of that option. What I currently have is to insert a table in each choice and then insert the pictures in each table. And the following picture is what I create using this method:
!
However, this is just for one product. I need to create something almost same except that I need to change the product picture (the dots). What I tried was that I copied the code in "Edit multiple" and then replace the file path with a new one and then put the new code into a new question 'edit multiple' section. However, when I click 'done', it shows an error.
So is there any way to quickly replace these dots with some other graphics? For example, another question may look like:
!
Thank you very much!
Xueting
Best answer by Anonymous
Hello @xwan8838 ,
Or this is much easy to understand and implement
Step1: Just copy the edit multiple from previous question and paste in the edit multiple of next question. ( While copying and pasting be careful of space and next line because in edit multiple new line means new option)
Step2: Paste the following code in the js(onready) option of the question:
` jQuery("img").attr('src','../pics/abc.png'); //replace image address with your own`
Hello @xwan8838 ,
Step1: Just copy the edit multiple from previous question and paste in the edit multiple of next question. ( While copying and pasting be careful of space and next line because in edit multiple new line means new option)
Step2: Paste the following code in the js(onready) option of the question:
var reset = document.getElementsByTagName("img");
for (var i=reset.length; i--;) {
reset[i].src = "../pics/abc.png"; //image adddress
}
A
Anonymous
0 replies
Answer
August 20, 2018
Hello @xwan8838 ,
Or this is much easy to understand and implement
Step1: Just copy the edit multiple from previous question and paste in the edit multiple of next question. ( While copying and pasting be careful of space and next line because in edit multiple new line means new option)
Step2: Paste the following code in the js(onready) option of the question:
` jQuery("img").attr('src','../pics/abc.png'); //replace image address with your own`
> @Shashi said:
> Hello @xwan8838 ,
> Or this is much easy to understand and implement
>
> Step1: Just copy the edit multiple from previous question and paste in the edit multiple of next question. ( While copying and pasting be careful of space and next line because in edit multiple new line means new option)
>
> Step2: Paste the following code in the js(onready) option of the question:
> ` jQuery("img").attr('src','../pics/abc.png'); //replace image address with your own`
>
>
Hi Shashi,
Thanks for your previous suggestion. However, I cannot use the js option to change my graphics because when I preview, I can clearly see the process that qualtrics upload some graphics first and then replace them with the ones according to my js option. I don't want my participants to see this so I cannot really use this option. What I want to try is to replace the image address in the edit multiple for each question. However, when I tried that and click done, the system shows the following message. The 1st image shows what I have when I paste and change image address in the edit multiple. The 2nd image shows the error message after I click done.
!
!
Do you have any idea about how I can fix this?
Thank you very much!
A
Anonymous
0 replies
August 21, 2018
> @xwan8838 said:
> > @Shashi said:
> > Hello @xwan8838 ,
> > Or this is much easy to understand and implement
> >
> > Step1: Just copy the edit multiple from previous question and paste in the edit multiple of next question. ( While copying and pasting be careful of space and next line because in edit multiple new line means new option)
> >
> > Step2: Paste the following code in the js(onready) option of the question:
> > ` jQuery("img").attr('src','../pics/abc.png'); //replace image address with your own`
> >
> >
>
> Hi Shashi,
>
> Thanks for your previous suggestion. However, I cannot use the js option to change my graphics because when I preview, I can clearly see the process that qualtrics upload some graphics first and then replace them with the ones according to my js option. I don't want my participants to see this so I cannot really use this option. What I want to try is to replace the image address in the edit multiple for each question. However, when I tried that and click done, the system shows the following message. The 1st image shows what I have when I paste and change image address in the edit multiple. The 2nd image shows the error message after I click done.
>
> !
> !
>
> Do you have any idea about how I can fix this?
>
> Thank you very much!
>
>
>
1. Upload your images to graphics library.
2. Use some text editor like notepad++, do search and replace for all the src of image with the graphics url of the library
> @Shashi said:
> > @xwan8838 said:
> > > @Shashi said:
> > > Hello @xwan8838 ,
> > > Or this is much easy to understand and implement
> > >
> > > Step1: Just copy the edit multiple from previous question and paste in the edit multiple of next question. ( While copying and pasting be careful of space and next line because in edit multiple new line means new option)
> > >
> > > Step2: Paste the following code in the js(onready) option of the question:
> > > ` jQuery("img").attr('src','../pics/abc.png'); //replace image address with your own`
> > >
> > >
> >
> > Hi Shashi,
> >
> > Thanks for your previous suggestion. However, I cannot use the js option to change my graphics because when I preview, I can clearly see the process that qualtrics upload some graphics first and then replace them with the ones according to my js option. I don't want my participants to see this so I cannot really use this option. What I want to try is to replace the image address in the edit multiple for each question. However, when I tried that and click done, the system shows the following message. The 1st image shows what I have when I paste and change image address in the edit multiple. The 2nd image shows the error message after I click done.
> >
> > !
> > !
> >
> > Do you have any idea about how I can fix this?
> >
> > Thank you very much!
> >
> >
> >
>
> 1. Upload your images to graphics library.
> 2. Use some text editor like notepad++, do search and replace for all the src of image with the graphics url of the library
Yes, that's what I do here. I upload my image to graphics library and use the url found there to replace all the src. However, the system still shows this warning message.
However, this is just for one product. I need to create something almost same except that I need to change the product picture (the dots). What I tried was that I copied the code in "Edit multiple" and then replace the file path with a new one and then put the new code into a new question 'edit multiple' section. However, when I click 'done', it shows an error.
So is there any way to quickly replace these dots with some other graphics? For example, another question may look like:
!
Thank you very much!
Xueting
!
Do you have any idea about how I can fix this?
Thank you very much!