Fullscreen mode using Project Implicit's IATs

26 views
Skip to first unread message

Ashley Howell

unread,
Apr 1, 2022, 3:30:41 PM4/1/22
to Minno.js
Hello,
I've viewed the 2 other threads here for incorporating fullscreen mode.

From the following page (https://minnojs.github.io/minnojs-blog/qualtrics-iat/), i've copied and pasted here:

Running the IAT in full screen

To run the IAT in full-screen, add to the IAT’s parameter the parameter

 fullscreen:true

Where do I enter this text for this script:?

Qualtrics.SurveyEngine.addOnload(function () {
    // hide question and next button
    var container = this.getQuestionContainer();
    container.querySelector('.Inner').style.display = 'none';
    this.hideNextButton();

    // load MinnoJS from the CDN (you probably don't need to change this)
    var scriptTag = document.createElement('script');
    scriptTag.src = 'https://cdn.jsdelivr.net/gh/minnojs/minno-quest@0.3/dist/pi-minno.js';
    scriptTag.onload = onLoad;
    scriptTag.onreadystatechange = onLoad;
    container.appendChild(scriptTag);

    // create the root element for Minno
    var canvas = document.createElement('div');
    container.appendChild(canvas);

    // function to proceed to next question
    var proceed = this.clickNextButton.bind(this);

    // This function gets activated only after MinnoJS is loaded
    function onLoad() {
        // Run your study (just set the correct URL)
    minnoJS(canvas, 'https://cdn.jsdelivr.net/gh/baranan/minno-tasks@0.*/IAT/qualtrics/demoRace0005.js');
        fullscreen:true;

        // MinnoJS doesn't know about Qualtrics, we pass a function to inject the results into the question
        // For some reason `piGlobal` isn't available so we attach it to `minnoJS`
        minnoJS.logger = function (value) {
            var el = container.querySelector('textarea');
            el.value = value;
        }

        // At the end of the study let MinnoJS proceed to the next question
        // We need to wait a few miliseconds for Qualtrics to register the value that we entered
        minnoJS.onEnd = function () { setTimeout(proceed, 100); }
    }
});

I've tried multiple placements but am not getting results.

Thank you!

Ashley

Mayan Navon

unread,
Apr 3, 2022, 3:07:11 AM4/3/22
to Ashley Howell, Minno.js
Hi Ashley,

This property needs to be added to the script you upload to a server:
image.png
Here is an example for that script with the addition of the fullscreen property:

Best,
Mayan


--
You received this message because you are subscribed to the Google Groups "Minno.js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to minnojs+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/minnojs/e4871237-7c78-416c-ae3d-ed7d3b0a3c19n%40googlegroups.com.
Reply all
Reply to author
Forward
0 new messages