- Posts: 115
- Thank you received: 4
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Modify Image Attribute based on List Selection
- dweisser
- Topic Author
- Offline
- Premium Member
Less
More
10 years 4 months ago #102481
by dweisser
Replied by dweisser on topic Modify Image Attribute based on List Selection
Here you are.
Attachments:
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10108
- Thank you received: 3593
10 years 4 months ago #102484
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Modify Image Attribute based on List Selection
I don't get it. Here is a working test using your template -
partnersurveys.com/limesurvey20/index.ph...82/newtest/Y/lang/en
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- dweisser
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 115
- Thank you received: 4
10 years 4 months ago - 10 years 4 months ago #102485
by dweisser
Replied by dweisser on topic Modify Image Attribute based on List Selection
Wow. Must be something local? Who knows? As I said before, i have a javascript problem with this template - but apparently that is only local as well.
I'll continue to struggle with it. I can't thank you enough.
David
Update:
T - for some reason, when I moved the cookie js to the top of template.js, it worked.
Hmm...does that mean that perhaps I have some invalid code in there?
Update2:
The only drawback to this method is that it takes a moment for the browser to read the cookie - so you see the "original" image during this time. I'm sure there is a "hack" to prevent this or mitigate this. In the meantime, i set my "original" image to a blank spacer.
You absolutely rock. Do you accept tips? Or bribes. (I'm actually serious )
David
I'll continue to struggle with it. I can't thank you enough.
David
Update:
T - for some reason, when I moved the cookie js to the top of template.js, it worked.
Hmm...does that mean that perhaps I have some invalid code in there?
Update2:
The only drawback to this method is that it takes a moment for the browser to read the cookie - so you see the "original" image during this time. I'm sure there is a "hack" to prevent this or mitigate this. In the meantime, i set my "original" image to a blank spacer.
You absolutely rock. Do you accept tips? Or bribes. (I'm actually serious )
David
Last edit: 10 years 4 months ago by dweisser.
The topic has been locked.
- dweisser
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 115
- Thank you received: 4
10 years 4 months ago #102810
by dweisser
Replied by dweisser on topic Modify Image Attribute based on List Selection
Hey T -
Why doesn't this work for a radio list? I switched "change" for the list drop down with "click" for the radio button. And I changed it back...and tried some other things as well.
$(document).ready(function(){
// Initial setting
if($('#answer171641X186X1342').val() == '1') {
$('#variableimage').attr('src', ' www.springboltconsulting.com/surveyasset...ages/demo_image1.png ');
}
// Listener on the select
$('#answer171641X186X1342').click(function(event){
if($(this).val() == '1') {
$('#variableimage').attr('src', ' www.springboltconsulting.com/surveyasset...ages/demo_image2.png ');
}
});
$('#answer171641X186X1342').click(function(event){
if($(this).val() == '2') {
$('#variableimage').attr('src', ' www.springboltconsulting.com/surveyasset...ages/demo_image3.png ');
}
});
$('#answer171641X186X1342').click(function(event){
if($(this).val() == '3') {
$('#variableimage').attr('src', ' www.springboltconsulting.com/surveyasset...ages/demo_image4.png ');
}
});
});
How did you learn this stuff?
Why doesn't this work for a radio list? I switched "change" for the list drop down with "click" for the radio button. And I changed it back...and tried some other things as well.
$(document).ready(function(){
// Initial setting
if($('#answer171641X186X1342').val() == '1') {
$('#variableimage').attr('src', ' www.springboltconsulting.com/surveyasset...ages/demo_image1.png ');
}
// Listener on the select
$('#answer171641X186X1342').click(function(event){
if($(this).val() == '1') {
$('#variableimage').attr('src', ' www.springboltconsulting.com/surveyasset...ages/demo_image2.png ');
}
});
$('#answer171641X186X1342').click(function(event){
if($(this).val() == '2') {
$('#variableimage').attr('src', ' www.springboltconsulting.com/surveyasset...ages/demo_image3.png ');
}
});
$('#answer171641X186X1342').click(function(event){
if($(this).val() == '3') {
$('#variableimage').attr('src', ' www.springboltconsulting.com/surveyasset...ages/demo_image4.png ');
}
});
});
How did you learn this stuff?
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10108
- Thank you received: 3593
10 years 4 months ago - 10 years 4 months ago #102832
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Modify Image Attribute based on List Selection
I'm not sure I get your image settings - in the "Initial setting" if radio 1 is checked, you want it to be demo_image1, but in the listener if radio 1 is checked, you want it to be demo_image2.
Having said that, something like this should work for radios:
Having said that, something like this should work for radios:
Code:
$(document).ready(function(){ // Initial setting if($('.question1342 input.radio:checked').attr('value') == '1') { $('#variableimage').attr('src', 'http://www.springboltconsulting.com/surveyassets/images/demo_image1.png'); } // Listener on the radios $('.question1342 input.radio').click(function(event){ var clickedvalue = $(this).attr('value'); if(clickedvalue == '1') { $('#variableimage').attr('src', 'http://www.springboltconsulting.com/surveyassets/images/demo_image2.png'); } if(clickedvalue == '2') { $('#variableimage').attr('src', 'http://www.springboltconsulting.com/surveyassets/images/demo_image3.png'); } if(clickedvalue == '3') { $('#variableimage').attr('src', 'http://www.springboltconsulting.com/surveyassets/images/demo_image4.png'); } }); });
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 10 years 4 months ago by tpartner.
The topic has been locked.
- dweisser
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 115
- Thank you received: 4
10 years 4 months ago - 10 years 4 months ago #102839
by dweisser
Replied by dweisser on topic Modify Image Attribute based on List Selection
Hi TPartner -
I'm using the image tick workaround. I don't think it should interfere with the code you so graciously supplied. But, alas, I copied and pasted it directly, and it doesn't seem to work.
I activated a Test Survey here if it is possible for you to see?
Also, the image is attached to a question - not in the template...what do you think?
Thank you so much.
David
I'm using the image tick workaround. I don't think it should interfere with the code you so graciously supplied. But, alas, I copied and pasted it directly, and it doesn't seem to work.
I activated a Test Survey here if it is possible for you to see?
Also, the image is attached to a question - not in the template...what do you think?
Thank you so much.
David
Last edit: 10 years 4 months ago by dweisser.
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10108
- Thank you received: 3593
10 years 4 months ago #102845
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Modify Image Attribute based on List Selection
That link just leads to your survey listing page.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- dweisser
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 115
- Thank you received: 4
10 years 4 months ago #102848
by dweisser
Replied by dweisser on topic Modify Image Attribute based on List Selection
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10108
- Thank you received: 3593
10 years 4 months ago #102852
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Modify Image Attribute based on List Selection
Oops, my mistake - change both instances of ".question1342" to "#question1342"
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- dweisser
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 115
- Thank you received: 4
10 years 4 months ago #102853
by dweisser
Replied by dweisser on topic Modify Image Attribute based on List Selection
Completely works. You absolutely rock!
Happy holidays from Nebraska TPartner.
David
Happy holidays from Nebraska TPartner.
David
The topic has been locked.
- dweisser
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 115
- Thank you received: 4
10 years 2 months ago #104882
by dweisser
Replied by dweisser on topic Modify Image Attribute based on List Selection
Hey T,
Any chance you have insight into how to modify the image attribute using a multi-select question?
If my question is 1628 and my subquestions are sq001, sq002 and sq003, I'm not sure how to adjust to accommodate this structure...as well as the fact that instead of radio buttons and dropdowns, they are check boxes.
If you could point me int eh right direction, I'd sure appreciate it.
Thanks as always,
David
Any chance you have insight into how to modify the image attribute using a multi-select question?
If my question is 1628 and my subquestions are sq001, sq002 and sq003, I'm not sure how to adjust to accommodate this structure...as well as the fact that instead of radio buttons and dropdowns, they are check boxes.
If you could point me int eh right direction, I'd sure appreciate it.
Thanks as always,
David
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10108
- Thank you received: 3593
10 years 2 months ago #104903
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Modify Image Attribute based on List Selection
I'm not sure how that would work if multiple checked boxes are possible.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.