Custom Code

Hello,I have a form field question where I've used JS to create a dropdown menu for the last two options. The options have the same available responses (clinical sciences, emergency medicine, family medicine, internal medicine, etc.). If a user chooses clinical sciences as their primary department, is JS to prevent the user from selecting clinical sciences as their secondary department?

Hi all, Really need help with adjusting JS code for incorporating sentences from loop and merge to the "edit this highlight text" part of the highlight question. Cannot find a way to make it work. Thanks for the help!

Dear community,I am fairly new to using Java in Qualtrics. For one of our current experiments, we want to present participants with math problems, and have them write the answer in a text field. We want them to be able to display the correct answer by clicking 'Space', but still be able to write their own answer. We also want to record whether they clicked on 'Space' or not. I've looked for similar questions on the forum, and found some codes that seems to allow me to display the answer upon keyboard entry, specifically with 'Enter', but I have not been able to get it to work with 'Space'. I also don't know how to make sure that the keyboard entry is recorded as a response.Would appreciate any help with this!Best,SimenQualtrics.SurveyEngine.addOnload(function() {           jQuery("#"+this.questionId).hide();}); Qualtrics.SurveyEngine.addOnReady(function() {   document.on("keydown", function(e) {       if (e.keyCode === 32) $("#"+

Hi, I am new to Qualtrics platform. I have added the "authenticator" function in my survey flow and disabled the function of "Allow authenticating respondents to retake authenticated section", however I couldn't any text box to customize the error message (instead of displaying the default message: "you have already completed this survey") when the respondent attempts to retake the survey. Appreciate if anyone can help with this :)

HiI'm trying to change the wording for the constant sum row of my matrix table using the addOnload function. I have the below, but it's now working. Any ideas as to what I'm doing wrong? I'm new to Javascript!Qualtrics.SurveyEngine.addOnload(function(){ jQuery("label[for="+this.questionId+"_Total]").html("Total like-for-like in-store income*(£)")});Qualtrics.SurveyEngine.addOnReady(function(){ /*Place your JavaScript here to run when the page is fully displayed*/});Qualtrics.SurveyEngine.addOnUnload(function(){ /*Place your JavaScript here to run when the page is unloaded*/});Thanks

Hello Community, I'm working with side by side question and I'm trying to remove the the extra lines (borders) of the top table header. Thank you!

Does anyone have javascript to add horizontal divider lines between statements in a matrix?

Hi! Pardon me if this has been asked before. I perused the forums and didn't find anything. I've launched an intercept survey on our website using Website/App Feedback. The intercept is using JavaScript to embed a multi-value variable, which I'm passing into the survey in the survey flow. For the sake of explanation, let's say this variable is fruit, and fruit can have one or more values. I am wanting to create a new variable that counts how many fruits are embedded in each response. Let's call it fruit_count. So, if for a given response fruit = "orange", fruit_count should equal 1. If fruit = 'banana, strawberry', fruit_count should equal 2, and so on. Does anyone know a way to achieve this? The field editor in the Data Analysis tab looked promising, but was a dead end. Thanks! Grateful for the support in this community.

Hi, I have Javascript on a Form Field question to have a dollar sign before it: Qualtrics.SurveyEngine.addOnload(function(){ /*Place your JavaScript here to run when the page loads*/  jQuery('.InputText').before("$");});Qualtrics.SurveyEngine.addOnReady(function(){ /*Place your JavaScript here to run when the page is fully displayed*/});Qualtrics.SurveyEngine.addOnUnload(function(){ /*Place your JavaScript here to run when the page is unloaded*/});The problem is that the dollar sign is showing up on other questions on this page. Is there a way to have the Javascript only on this one question it's supposed to be on? I have tried with  jQuery("#"+this.questionId+".InputText").before("$");but I am not well versed in Java and think this is wrong because it does not work 😅

Hi all, I have a constant sum matrix type where each box needs to have a number between 0 and 100. Additionally, I want to remove the prefilled zeroes and have blank spaces instead. I use the following code to remove the prefilled zeroes Qualtrics.SurveyEngine.addOnload(function(){jQuery("#"+this.questionId+ "td input[type=text]").val("");});and I use custom validation with "greater than or equal to 0" and "less than or equal to 100" in each box. The problem is that if only one of the many boxes does not satisfy the condition, ALL the boxes become blank, so you need to start again.Is there a way, in which you get the error message and you are not allowed to pass to the next question, BUT none of the answers, or only the answers that do not satisfy the condition, are deleted? Thanks!

Hi all, I am trying to add labels or questions for each row. Similar to the example below.Any suggestion on how I can do something like that? I already looked at Matrix table where it looks like something below, but I would want the question on the side along with the number scale.Any suggestion is greatly appreciated!!

I have auto advance enabled for the whole survey using the following.Look and Feel -> Motion -> Auto Advance on Questions and Auto Advance on Pages.I would like to disable Auto Advance for specific questions or blocks on the survey. Is there a way to achieve this with settings or custom JavaScript?

I am using the offline survey app, and want to ensure that data collectors are using the correct version of the survey.Is there a way to capture the version of the survey for each submission without having to create a new version variable each time a new iteration of the survey is published?

Hello all, I hope you are doing well.I am working with a survey that has quite a few large images with the majority of them being "hotspot" questions. Now, there is quite a bit of reading for the participants to do at the start of the survey, and I was really hoping that there might be a way to add some code so that the loading of the images is done by the time the participants get to the hotspot questions. From what I can gather online, this should be feasible to do. However, I am quite a beginner when it comes to coding, and I cannot for the life of me figure out how to adapt the code I've found online to execute the commands I am looking to do. If anyone can help me, I would be very grateful! Thanks so much.

Hello, I am currently having issue getting this bit of code working. I am trying to take the average of four other embedded data variables, all of which are calculated during the survey. I have four questions on one page that ask for the four values ("holdtoground1" etc.) to take the average of. Here is an example of the javascript for one of them:Qualtrics.SurveyEngine.addOnPageSubmit(function() { var answer = document.getElementById('QR~' + this.questionId);    Qualtrics.SurveyEngine.setEmbeddedData( 'holdtoground3', answer.value );});On the fourth question, I also use javascript to calculate the average of these four variables ("holdtogroundBL"), which I think is where the issue is.Qualtrics.SurveyEngine.addOnPageSubmit(function() { var answer = (document.getElementById('QR~' + this.questionId)).value;    Qualtrics.SurveyEngine.setEmbeddedData( 'holdtoground4', answer ); //calculate overall hold to ground time var item1 = parseInt

I would like to present a typical multiple choice question, but allow participants to complete it in either the typical fashion (select a response then click continue) or by pressing a specific key (right bracket), at which point the question will auto-forward to the next question. I am able to do this with the following added to Qualtrics.SurveyEngine.addOnReady:/* Allow right bracket to auto-advance this question. */ var that = this;Event.observe(document, 'keydown', function keydownCallback(e){var choiceID = null;if (e.keyCode == 221) {Qualtrics.SurveyEngine.setEmbeddedData( 'PassAttChk', 1 );Event.stopObserving(document, 'keydown', keydownCallback);that.clickNextButton(); }This actually works okay, but the problem is that it continues to catch the keypress in subsequent questions. I've tried adding this to Qualtrics.SurveyEngine.addOnUnloadEvent.observe(document, 'keydown', function keydownCallback(e){ }); But it either d

Dear All, I'm looking for some input on a survey I've been programming. Respondents will complete the survey every 3 months over the course of 2 years and I'm striving to minimize survey burden for questions that ask about use of current medications. The survey is setup as follows: * Respondents complete a baseline survey via an anonymous link, and after entering an e-mail address, the folks at Qualtrics helped me setup API calls that create a new contact list entry and I'm also using an API call to send out survey invitations and survey reminders via the Qualtrics mailer. * I was initially advised to save respondent's answers for the medication questions to embedded data fields that are subsequently added to the respondent's contact list entry via API/web services in the survey flow portion of the survey. In turn, I piped the embedded data values for the medication questions on a summary screen that is presented for all subsequent follow-up surveys. This approach works in theory, b

Hello all. Is it possible to autofill the answer of a question based on the answer of a previous question? I have uploaded a screenshot. For example, all the respondents who choose tennis as a favorite sport, the answer of the next question will be autofilled with 'Roger Federer', without answering the question. The question will appear to other respondents who did not choose tennis as a favorite sportThank you :)

I am trying to pull selected choices from a multiple choice question that allows multiple selections into JavaScript. I then want to parse the choices to get each selection individually. However, when I use the suggested code for pulling selected choices into JavaScript, I am not getting any result. I have tried multiple ways of referencing selected choices, but I am still coming up with an empty array. Qualtrics.SurveyEngine.addOnPageSubmit(function () {var SelectedChoices = this.getSelectedChoices();  var Schools = SelectedChoices.split(', '); var School1 = Schools[0]; var School2 = Schools[1]; var School3 = Schools[2];Qualtrics.SurveyEngine.setEmbeddedData('School1',School1);Qualtrics.SurveyEngine.setEmbeddedData( 'School2',School2);Qualtrics.SurveyEngine.setEmbeddedData( 'School3',School3); });Thanks in advance for any ideas on what I am doing incorrectly.

I am aware I can drag the columns to adjust the widths but I have multiple side-by-side questions in my survey and want to set them to be consistent. Also so the survey participants don't have to scroll over to see there is another column. I have seen a couple of CSS that have been posted for a similar question but they don't seem to work or change. I could be doing something incorrectly. For example, this middle column is so much wider than the other columns. The answer options are more lengthy but I would rather the drop-down be longer compared to wider. Thank you in advance for any help on this!

Hello, I am displaying some audios in my survey, I would like to disable the controls (scroll bar and play/pause buttons). My current code is the next one:But, anytime I use some of the following codes, the audio disappears entirely. Is there a way of removing the controls without deleting the audio? Thanks in advance!!

I tried the below code and placed it in the JavaScript read area but when I test the phone field the dashes or even a space will not display. Can anyone help me with a solution to add dashes to a US phone field?Qualtrics.SurveyEngine.addOnReady(function(){ /*Place your JavaScript here to run when the page is fully displayed*/ jQuery(".InputText").on("cut copy paste",function(e) {   e.preventDefault();  });  jQuery(".InputText").on('keypress',function(){});    if(event.which != 8 && isNaN(String.fromCharCode(event.which))){      event.preventDefault(); //stop character from entering input    }  var s = this.value.replace(/-/g,'');    if(s.length==10){     event.preventDefault();     }    if(s.length!=0){      if(s.length>=3 && s.length=6){      var s1 = s.slice(0,3

Hello, in Survey Flow I have a web service where I am calling an API with a GET request. This works and returns JSON like this: Name:Color.Susan:PurpleBob:GreenGarett:Blueetc. So the keys are dynamic. Qualtrics will let you save values as embedded data if you know the keys.... but I don't. I need to save both keys and values as embedded data that I'm calling person like this:person1name:Susanperson1color:Purpleperson2name:Bobperson2color:Greenperson3name:Garettperson3color:BlueI can't figure this out? All the embedded data setting examples I find you have to know the key and you can only save the value. Or if I could just save the whole response {"Susan":"Purple","Bob":"Green","Garett":"Blue"} and I can parse it in JS in the question I want to use it in.Please help!---PS for anyone finding this in a search for trying to make

Hi,I'm trying to design a task where participants can cross out/mark the letters from the image by selecting it. So I used the hot spot function and tried to map each letter with a hot spot. But currently, it is slowing down the process because there are too many hot spots on a single page. So I'm wondering if there is anyway to always hide the hot spot shapes, so that the participants won't be able to see the hot spots and will assume that all letters are markable rather than scanning the text with their mouse to simply click whichever letters are clickable if I decided to only use hot spots on letters I want them to select.

I had programmed a test survey for my colleagues with custom code on almost every question. I found some great resources in community that allowed me to sum the rows and columns of side by sides. The problem is that these side by sides only had one answer option in each column. I now need to expand my survey so that I have three side by side columns (SBS1, SBS2, SBS3) with three answer columns in each.I need help knowing how to call the containers and inputs so that I can (1) disable input into SBS1 A1, SBS1 A3, SBS2 A1, SBS2 A3, SBS3 A1, SBS3 A2(2) reference input in cells so I can add the first two answers in a SBS column and display the sum in answer 3 for that SBS column and specific row.(3) calculate the sum for each answer column and display it in the last row.For (1) I found some code but everything that I tried to modify from a "hide"