Hi, I want to change the number on the progress bar of some pages manually. The code on the comment above works perfectly on moving the bar to represent, for example 80% progress, but I would like the number to update too. I have the following code on the look and feel header, that shows the number on the progress bar e.g. 80% progress. Qualtrics.SurveyEngine.addOnReady(function() { jQuery("table.ProgressBarContainer tbody tr td:eq(0) label").text(jQuery("#ProgressBarFillContainer span").text()); });Does anyone know how to adjust the code below so that the number would update too?jQuery("div.ProgressBarFill").css("width", "80%"); Thank you!
Thank you Tom! it works!
Thanks a lot! I tried it and it works perfectly! Thank you!
I am using that option currently, but I just wanted to know this other option too. I basically want the consent form to resemble to the typical one where you have Accept Terms and Conditions checkboxes.
True, thank you!
Hi Tom, I am using this code now, but it allows to pass the question even if all the boxes are filled with zeroes. Do I need to add anything else to this code? Qualtrics.SurveyEngine.addOnload(function() { var inputs = jQuery("#"+this.questionId+" .SumInput input"); if(inputs.filter(function() {return this.value != "0";}).length == 0) { inputs.val(""); }});Thanks!
Sorry for the late reply, I hope it still serves. This is what I have. 1- Create an embedded data at the beginning of the survey flow: "result_matrix_embedded" and leave it empty (otherwise the number that was thrown won't be saved).2- In the question itself, in html view: Roll dice 3- In the question in Javascript: Qualtrics.SurveyEngine.addOnload(function() {var self = this; var value_set = [ {key:"1",probability:1}, {key:"2",probability:1}, {key:"3",probability:1}, {key:"4",probability:1}, {key:"5",probability:1}, {key:"6",probability:1} ]; var images = { base_url:'https://www.descil.ethz.ch/projects/1305-SensQuest/dice/img/', ext:'.png', init: 'qmark1.png' }; // Instantiate dice 1 new Dice("dice1","throw1",{ possible_throws: 1, value_set: value_set, images: images, result_callback: function(throw_nr,result_key){// Save result to embedded data field (need //not be set through survey flow settings) Qualtrics.SurveyEngine.setEmbeddedData('result_matr
Great, thank you TomG!
In case someone else in interested, I solved it by dividing it into two parts: !
Perfect, thank you!
1. In the header (html) I write: src = "https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js" src="https://cdn.jsdelivr.net/npm/chartjs-plugin-dragdata@latest/dist/chartjs-plugin-dragdata.min.js" 2. In the question where the graph goes (html): height="400" id="myChart" width="400"> (with canvas)
2. In the header (html) I write: <script src=https://cdn.jsdelivr.net/npm/chartjs-plugin-dragdata@latest/dist/chartjs-plugin-dragdata.min.js></script> 3. In the question where the graph goes (html): <canvas height="400" id="myChart" width="400"> </canvas> Any suggestions what may be happening?
Thank you for explaining it TomG! Now I understood it and I think it is a valid approach for my project. Thank you! !
Sorry Tom, but I am not sure I understand your suggestion well. Just to be clear, the survey is supposed to serve to recruit students. The university will forward my email to all their students of a particular year (the objective is to reach many students -thousands- in a way that involves very little effort for the university -just to forward an email to their student contact of a given year-). The university cannot provide me with any list, because of data protection issues. Therefore, in this recruitment survey, I ask students their contact information, so that I can reach them later, for new surveys, using a personal survey link and have a more controlled environment. Maybe your suggestion still applies, but I don't understand it well.
Thank you Tom! I did not realize before. I deleted that and it actually works now! Thank you!
Sorry, I didn't copy the HTML well: This is it. <script src="https://www.descil.ethz.ch/projects/1305-SensQuest/dice/dice.js"></script> <div style="position:absolute; left:200px;"> <div id="dice1"></div></div> <div style="position:absolute; left:179px;"> <button id="throw1">Roll dice</button> </div>
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.
