Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Implicit Association Test (IAT) in version 3.15.9

  • RitaShen
  • RitaShen's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
5 years 2 days ago #182265 by RitaShen
hi there,

I have problem with IAT question.
my LimeSurvey version is 3.15.9
I follow this step (Version 2.50) and use the Demo Survey.

but it cannot appear smoothly, it won't shows [Black] [White] on the top right side and the left side.
and it won't shows [Press E to classify as Black or I to classify as White] at the end .




can anyone help me?

thanks
Rita
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 2 days ago - 5 years 2 days ago #182272 by Joffm
Hi, Rita,
exchange this line in the javascript
var thisQuestionHelp = $('div.question-help', thisQuestion);
to
var thisQuestionHelp = $('div.ls-questionhelp', thisQuestion);

You get:

Version: 3.16.0
Template: vanilla with added styles of the workaround

Best regards
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 5 years 2 days ago by Joffm.
The following user(s) said Thank You: RitaShen, cdorin
The topic has been locked.
  • RitaShen
  • RitaShen's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
5 years 1 day ago #182317 by RitaShen
many thanks
The topic has been locked.
More
3 years 10 months ago #198203 by Antonia-nie
Replied by Antonia-nie on topic Implicit Association Test (IAT) in version 3.15.9
H Hi,

I would like to include an IAT in my survey, but have proplems with the workaround template. Is there a way to make it work on a Limesurvey version 4.2.?


thank you

Antonia
The topic has been locked.
More
3 years 10 months ago #198236 by Antonia-nie
Replied by Antonia-nie on topic Implicit Association Test (IAT) in version 3.15.9
My bad. It's working now :)
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 10 months ago - 3 years 10 months ago #198237 by tpartner
Maybe this is a good candidate for a custom question theme.

[Edit] Oh, wait, custom array question themes are still broken in 4.x - bugs.limesurvey.org/view.php?id=15919

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 3 years 10 months ago by tpartner.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 10 months ago #198273 by tpartner
Here is a custom question theme for an Implicit Association Test (IAT) in version 3.x - github.com/tpartner/LimeSurvey-Implicit-Association-Test

It should also work in version 4.x when the bug mentioned above is fixed.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: DenisChenu
The topic has been locked.
More
3 years 10 months ago #199342 by Antonia-nie
Replied by Antonia-nie on topic Implicit Association Test (IAT) in version 3.15.9
Hi, I have one more question.
I'm trying to design an IAT with two different categories.
For clarity I would like to display the lower categories in green. That alone works, but i don't know how i can display the corresponding words in the middle in green too. Is it even possible?

My code form the IAT workaround
Code:
// Insert IAT display
    var iatTexts = $(thisQuestionHelp).text().split('||');
    var iatDisplayHTML = '<div class="iatWrapper2">\
                <div class="iatLeftLabel">'+iatTexts[0]+'</div>\
                <div class="iatRightLabel">'+iatTexts[1]+'</div>\
                <div class="iatWord2"></div>\
                <div class="iatInstructions">'+iatTexts[2]+'</div>\
                <div class="iatPlusrfarbig">'+iatTexts[3]+'</div>\
                <div class="iatPlusl">'+iatTexts[4]+'</div>\
                <div class="iatPlus1r">'+iatTexts[5]+'</div>\
                <div class="iatPlus1lfarbig">'+iatTexts[6]+'</div>\
              </div>\
              <div class="iatMobileButtonWrapper">\
                <div class="iatButton iatLeftButton">E</div>\
                <div class="iatButton iatRightButton">I</div>\
                <div style="width:100%; clear:both;"></div>\
              </div>';
    $(thisQuestionAnswers).prepend(iatDisplayHTML);
 
    // Show a word
    function iatShowWord() {
      $('div.iatWord2', thisQuestion).text($('tr.subquestion-list.unanswered:first .answertext', thisQuestion).text());
      startTime = new Date();
 
      $(document).bind('keypress.iatKeypress', function(e) {
        if(e.which == 101 || e.which == 105) {
          var thisRow = $('tr.subquestion-list.unanswered:eq(0)', thisQuestion);
          $(thisRow).removeClass('unanswered');
          endTime = new Date();
          $('input[type="text"]:eq(1)', thisRow).val(endTime.valueOf() - startTime.valueOf());
          if(e.which == 101) {
            $('input[type="text"]:eq(0)', thisRow).val('E');
          }
          else {
            $('input[type="text"]:eq(0)', thisRow).val('I');
          }
          $(document).unbind('keypress.iatKeypress');
          if($('tr.subquestion-list.unanswered', thisQuestion).length > 0) {
            iatShowWord();
          }
          else {
            $('.iatLeftLabel, .iatWord2, .iatRightLabel, .iatInstructions, .iatPlusrfarbig, .iatPlusl, .iatPlus1r, .iatPlus1lfarbig', thisQuestion).fadeOut('slow', function() {
              $('div.iatWord2', thisQuestion).text(iatTexts[7]);
              $('.iatWord2', thisQuestion).addClass('done').fadeIn('slow');
            });
          }
        }
      });
    }

Thank you very much.
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 10 months ago #199352 by Joffm
Hi,
you have to set
.iat-word {color:green}

I used tpartner's question theme
and changed in iat.css directly to red.

See:


Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: Antonia-nie
The topic has been locked.
More
3 years 10 months ago #199367 by Antonia-nie
Replied by Antonia-nie on topic Implicit Association Test (IAT) in version 3.15.9
Yes thank you, that works. But only for all words together, is it possible to define single words from the subquestions to turn green?
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 10 months ago #199372 by tpartner
If using the workaround, try this (untested as I am responding via phone):

Change this line:
Code:
$('div.iatWord2', thisQuestion).text($('tr.subquestion-list.unanswered:first .answertext', thisQuestion).text());


To this:
Code:
$('div.iatWord2', thisQuestion).text($('tr.subquestion-list.unanswered:first .answertext', thisQuestion).html());

Then you should be able to use something like this in the sub-question text:
Code:
<span style="color:red">Banana</span>

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
3 years 10 months ago #199420 by Antonia-nie
Replied by Antonia-nie on topic Implicit Association Test (IAT) in version 3.15.9
Thanks a lot for your help!
When I do that, that happens:
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose