How to hide multiple choice buttons | XM Community
Solved

How to hide multiple choice buttons

  • 5 August 2018
  • 1 reply
  • 27 views

Hi,

I need my participants to press keys on the keyboard to answer the questions. I'm using multiple choice questions with keyboard responses (using javascript). Now I just need to hide the multiple choice buttons. Here's a screenshot of where I am:

!

I'd like to hide those two buttons.
The javascript code I used for keyboard response is:

Qualtrics.SurveyEngine.addOnload(function() {
this.hideNextButton();

this.hidePreviousButton();

var that = this;

Event.observe(document, 'keydown', function keydownCallback(e) {

var choiceID = null;

switch (e.keyCode) {

case 80: // 'p' was pressed

choiceID = 1;

break;

case 78: // 'n' was pressed

choiceID = 2;

break;

}

if (choiceID) {

Event.stopObserving(document, 'keydown', keydownCallback);

that.setChoiceValue(choiceID, true);

that.clickNextButton();

}
});
icon

Best answer by Imran_Ansari 6 August 2018, 15:12

View original

1 reply

Userlevel 4
Badge +12
Hi,

here is the complete code that you need to put in JS editor, refer last three lines of code to hide the buttons.


Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/

this.hidePreviousButton();

var that = this;

Event.observe(document, 'keydown', function keydownCallback(e) {

var choiceID = null;

switch (e.keyCode) {

case 80: // 'p' was pressed

choiceID = 1;

break;

case 78: // 'n' was pressed

choiceID = 2;

break;

}

if (choiceID) {

Event.stopObserving(document, 'keydown', keydownCallback);

that.setChoiceValue(choiceID, true);

that.clickNextButton();

}
});
var v = document.getElementsByClassName('MultipleAnswer');
for (i = 0; i < v.length; i++) {
v[i].style.visibility = "hidden";
}

});

Leave a Reply