Custom Code

I want to embed a video into a survey. Is there code I can write that allows the user to start the video, but doesn't allow the user to pause the video after it starts?

Hi, I want to write some javascript: after 30 seconds, the screen shows a button, which needs to be clicked within 10 seconds. If it is clicked within 10 seconds, we show the message "Msg" and next button. If not, we show a "miss message" and automatically click the next button. I guess this uses settimeout function and if logics. The "miss message" shows even if the button is clicked within 10 seconds. I used 'alert' to check, if the button is clicked, the variable is set to 1, but the "miss message" still shows. Why? Here are my javascript: Qualtrics.SurveyEngine.addOnReady(function(){  /*Place your JavaScript here to run when the page is fully displayed*/    jQuery("#Msg").hide(); jQuery("#MissMsg").hide(); jQuery("#SvcButton").hide(); jQuery("#NextButton").hide();    var x_val=0; // set this variable equal to 0 // After 30 seconds, show the button that needs to be clicked within 10 seconds setTimeout(functio

Hello! I have one survey in which I have a video displayed. The video and sound of it work perfectly good. So then, I added a div in html to not allow respondents to pause or mute the video. This also meant, I had to add the autoplay option (as they wont be able to click on play). However the video now sounds with eco, like if they were 2 videos running at the same time with some seconds of difference. Does anybody know why this happends? This is the new code with the div: div style="height=40px;width=1280px;pointer-events:none;"> video autoplay="true" class="qmedia" controls="true" height="720" preload="auto" width="1280"> source src="MY VIDEO SOURCE"> embed align="middle" autoplay="false" bgcolor="white" class="qmedia" controller="true" height="720" pluginspage="http://www.apple.com/quicktime/download/" src="MY VIDEO SOURCE" type="video/quicktime" width="1280"></video> /div> Thank you in advance!

Please help. I want each of my survey response options to be different colors when selected. Currently, the survey answers look like this:. . . and, when they are selected, all have the same blue color of the option below: Goal: Different colors for each selected option. For a previous assignment, a community member kindly shared HTML code that I inserted in the HTML view area for the question and it worked great. Out of necessity, I modified the parameters of the code for this assignment (e.g., QID# and label name) (see below) but it doesn't work at all this time. Can anyone PLEASE tell me why the code isn't working and, most importantly, how to fix it? Getting somewhat desperate, tbh. (The survey

I would like the question (and the answer options) in desktop view to show some text and another different one in the mobile version. Is it possible?

Hello, here is the scenario. Q1 - pick your fav. color. The choices are Red, Blue, Green, Other; please specify: ____Q2 - Why is [pipe in selected choice from Q1] your fav. color?So, if they do select "other; please specify" I want it to say "this color" instead of "other; please specify"How do I do this?

Is there a way for the text to run along the top of the slider bar rather than down the side where it is squashed?

Hello, I am writing text entry questions and I would like the text box field to be on the same line as the label. In other words, the label on the left and the text box on the right rather than below. I do not want to use a form. How do I do that?Thanks!

Hi, I am attempting to create an online version of an existing questionnaire. I'm trying to find a way to customize that range for SOME of the questions to display "-5", "0", "+5" (as in attached pic)Is there a Javascript code that you can help me with?Many thanks!

I have created six Likert-type items to measure six dimensions of a construct and another point allocation task. The later point allocation task is asking participants to allocate 100 points to the six dimensions as measured by the six Likert-type items. To counter the potential order effect of the items, I want to randomize the order of the six Likert-type items. Is it possible to keep the order of the six options of the later point allocation task consistent with the randomized order of the six Likert-type items? Thanks in advance!

Qualtrics.SurveyEngine.addOnReady(function(){  /*Place your JavaScript here to run when the page is fully displayed*/  jQuery("#NextButton").hide();   var x_val=0; // set this variable equal to 0. I know this doesnt work in later local functions. How to define it?jQuery('#Button').on('click', () => {var x_val=1; // set this variable equal to 1});// after ten seconds, hide timer, show MissServiceMessagesetTimeout(function(){if (x_val==0){jQuery("#NextButton").click();}}, 10000);}, 30000);});

I am making an experiment that requires participants to make a judgement on a photograph. As a multiple choice question, they either press "F" for yes or "J" for no and after 10 seconds, the page moves onto the next photograph. Though I am able to see whether they pressed "F" or "J", I am not able to see the time at which they pressed the key. Is there something missing from the code? I'd really appreciate any help!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 70: // 'F' was pressedchoiceID = 1;break;case 74: // 'J' was pressedchoiceID = 2;break;}if (choiceID) {Event.stopObserving(document, 'keydown', keydownCallback);that.setChoiceValue(choiceID, true);}});});

Hi All,I am pretty new to Qualtrics and working on developing a survey for a client.We have several of regular Matrix grid questions in our survey. Could someone please be able to help me with JS for me to be able to insert a new line in front of the first column? basically need to have a vertical line /divider separating the text and the radio buttons. Could someone please help me with the custom JS for me to be able to achieve this for all of my Questions?Thanks in advance.

Hi,I'm trying to hide the first radio button but not the describing text. The second radio button is for a Prefer not to Answer. See below:the following JS is not working:jQuery('input[type=radio]:first').hide();

HI,I want to be able to limit the number of questions that a respondent can answer in a block. So, if I want them, for example, to answer 3 of 5 distinct text questions in a block, is there a way to ensure they can only answer 3 - and attempting to answer more than 3 would generate an error message?

Hello,I did a few configurations in the source code in Qualtrics in order to ensure I had a button/box on my survey invitation link (please see imagem_codigo).Everything seems fine in Qualtrics, when I’m trying to send the survey invitation (please see imagem_1). However, when I receive nothing appears as it was showing in Qualtrics (please see imagem_2). How came this is happening? Why everything appears super cool in Qualtrics and then I end up receiving something completely different? It’s like he is ignoring all configurations for the parts that have links.Thank you!

I have several questions in one block. The first one is text type. I use javascript to edit it as a chat box and mimic a conversation. Meanwhile I want to ask people questions during this chat, for example, the second and third questions in this block will show after the messages in chatbox are displayed. What are the javascript functions I can use to hide/show the questions in the first text question's javascript? Thanks

I have two identical surveys, except for the background of the survey. I need to randomly assign participants to one of the two surveys. An alternative solution would be to repeat the questions and use the randomizer, but I cannot find a way to add a picture as a block background (it needs to have 60 % transparency). Does anybody have a solution ?

Hi everyone,This question is slightly redundant with regard to a few others here (sorry), but the earlier questions don't seem to have the information I need:I am trying to show a single question many times with different images above the question. I used loop & merge function for the images (this is something I have done successfully in the past--using the same code I am using now). Below are a photograph of the "preview" screen, as well as the Field1 entry for Loop & Merge. The image URLs in the photos below are all good. I checked them. Also, I tried adding in a "/" before each ">"--it didn't change anything.Any thoughts would be super appreciated. I've been stuck on this for ages and feel totally crazy. Thanks so much in advance!

I am trying to program a conjoint and best as I can tell have followed the steps on this guide: https://m-graham.com/resources/conjoint%20how-to.pdf . However, my tables for the conjoint choices are not populating, and I cannot see where it is breaking. Any suggestions would be greatly appreciated! Code for all steps is below.Here is the javascript I used for randomization in an early question that every respondent sees (I did put this through Visual Studio and it didn't flag anything): Qualtrics.SurveyEngine.addOnload(function(){ response.setContentType("text/plain");// Set number of choices ; var numChoice = 4;// Vectors containing all attribute levels : var relidenomArray = [" Baptist", " Presbyterian ", " Methodist ", " Catholic "]; var theoposArray = [" Evangelical ", " Mainstream "]; var locationArray = [" Urban ", " Rural "]; var stateArray = [" Georgia ", " Ne

Hi there,I use the code below to autoplay a music clip, and participants will answer questions while listening to music. I would like to keep playing the same music clip without any break on the next page. That is, the music keeps playing, and participants answer questions on two separate pages while listening to the music. Currently, I put this code snippet onto these two pages, but there definitely will be a break. On the second page, the music clip will be replayed from start. What can I do to achieve that purpose? Thank you!`https://uchicago.co1.qualtrics.com/CP/File.php?F=F_0q4MXdsdmyH3gii#t=00:00:07" />

I have a slider with customized tool tip box. I am using mutation observer to change the displayed tool tip value, because of which I have to disable the 'Show values' option. The problem is without 'Show values' enabled, the tool tip div with the tool tip box is currently misplaced. How can I attach the tool tip to the slider handle so that it moves along with it rather than stays static at bottom left. Any help will be welcome.

Is there a way using javascript that can increase the text box size in a matrix table beyond the small, medium and large options that are available?

HiFor a conjoint analysis, I would like to store the string values of each attribute of the conjoint experiment. These are randomised using Java Script. In the Survey flow I set embedded data to save the strings which are randomised using Java Script. I am planning to present two packages five times. However, only the strings of the first question's strings are stored successfully in the data. I have tried copy and pasting both the html code and the Java Script code to a new questioncopying the entire question first question for which the data is savedmoving a different question to come firstchecked the embeddings for the correct question numbers copied the entire blockmoved the copied block on top of the original block but I have always encountered the same problem, which is that only the first pair of randomised string values and attribute

Hi everyone!I am trying to figure out the following:I have an extremely simple two page survey (actually a registration form). On page 1 there is an introductory text, on page 2 there is the form (i.e., question) to sign up.In the first paragraph on page one I would like to directly offer the participant to sign up: "Thank you for your interest. You may directly follow this link to sign up."My idea is that quick readers can instantly click on "this link", a hyperlink that directly moves to the next page. Everyone else can read the other paragraphs and then click on the forward-button at the bottom of the page.Is there an easy way to execute this? In another question that was similar to mine, the OP was refered to this page: https://www.qualtrics.com/support/survey-platform/survey-module/sur