It works! (except for one error)The final code looks like:Qualtrics.SurveyEngine.addOnReady(function(){ var cleaves = []; var inputs = $(this.getQuestionContainer()).select('input[type="text"]'); for (var i = 0; i < inputs.length; i++) { var input = inputs[i]; cleaves[i] = new Cleave(input,{ numeral: true, numeralThousandsGroupStyle: 'thousand' }); }; Qualtrics.SurveyEngine.addOnPageSubmit(function() { for (var i = 0; i < cleaves.length; i++) { inputs[i].value = cleaves[i].getRawValue(); }; });});Thank you very much TomG !!!!
TomG , thanks for your review.I tried the revised code, but I got the following error message:"Invalid JavaScript! You cannot save until you fix all errors: Unexpected token ]"
Hello TomG , I tried to fix the code but it does not work well. I got no error messages, but I still cannot get raw value. Could you please review and fix it to work?Qualtrics.SurveyEngine.addOnReady(function(){ var cleaves = []; cleaves = new Cleave(field,{ numeral: true, numeralThousandsGroupStyle: 'thousand' }); Qualtrics.SurveyEngine.addOnPageSubmit(function() { for (var i = 0; i < cleaves.length; i++) { cleaves.element.value = cleaves.getRawValue(); }; });});
Sorry, TomG , I'm struggling with fixing the code...I got an error message for my new invalid code:Qualtrics.SurveyEngine.addOnReady(function(){ var cleaves = []; cleaves[] = new Cleave(".InputText", {numeral: true, numeralThousandsGroupStyle: 'thousand'}); var inputs = $(this.getQuestionContainer()).select('input[type="text"]'); for (var i = 0; i < inputs.length; i++) { var cleave = cleaves[i]; };Qualtrics.SurveyEngine.addOnPageSubmit(function(){ for (var i = 0; i < inputs.length; i++) { var cleave = cleaves[i]; cleave.element.value = cleave.getRawValue(); });});I couldn't understand why I got his error: "Invalid JavaScript! You cannot save until you fix all errors: Unexpected token ]"
TomG , thank you for your response. I'm not very experienced with java script, so could you please review my code?Qualtrics.SurveyEngine.addOnReady(function(){var inputs = $(this.getQuestionContainer()).select('input[type="text"]');for (var i = 0; i < inputs.length; i++) { var input = inputs[i]; };var cleave = new Cleave(".InputText", {numeral: true, numeralThousandsGroupStyle: 'thousand'});Qualtrics.SurveyEngine.addOnPageSubmit(function(){ cleave.element.value = cleave.getRawValue(); });});I tried this code, but I failed to get what I wanted.
rondev , could you pleas tell me how to assign different width to each column?For example, the text entry of the first column width = 12, that of the second column width = 5, ...
rondev do you mean to set embedded data for "base fare" and use it for the validation of "discount fare"?How to use the embedded data in the same page?
@Shashi Perfect! Thanks a lot!
@Shashi, Great! Many thanks
@Shashi, Thanks for your suggestion. But I also want not to show a question number for the descriptive question. Do you have any ideas? Thank you.
@Shashi, Thank you for your suggestion. But I still cannot see the embedded data value of the distance. Here is my code: Qualtrics.SurveyEngine.addOnReady(function() { var R = 6371; var lat2 = Number("${e://Field/t1_dx}"); var lat1 = Number("${e://Field/t1_ox}"); var lon2 = Number("${e://Field/t1_dy}"); var lon1 = Number("${e://Field/t1_oy}"); function getDistanceFromLatLonInKm(lat1,lon1,lat2,lon2) { var R = 6371; // Radius of the earth in km var dLat = deg2rad(lat2-lat1); // deg2rad below var dLon = deg2rad(lon2-lon1); var a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * Math.sin(dLon/2) * Math.sin(dLon/2) ; var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); var d = R * c; // Distance in km return d; } function deg2rad(deg) { return deg * (Math.PI/180) } Qualtrics.SurveyEngine.setEmbeddedDa
Hi @Shashi, I tried to calculate the distance between two coordinates, but I failed. Here is my code: Qualtrics.SurveyEngine.addOnReady(function() { var R = 6371; var t1_dx = parseFloat("${e://Field/t1_dx}"); var t1_ox = parseFloat("${e://Field/t1_ox}"); var t1_dy = parseFloat("${e://Field/t1_dy}"); var t1_oy = parseFloat("${e://Field/t1_oy}"); var latDistance = Math.toRadians(t1_dx - t1_ox); var lonDistance = Math.toRadians(t1_dy - t1_oy); var a = Math.sin(latDistance / 2) * Math.sin(latDistance / 2) + Math.cos(Math.toRadians(t1_ox)) * Math.cos(Math.toRadians(t1_dx)) * Math.sin(lonDistance / 2) * Math.sin(lonDistance / 2); var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); var distance = (R * c * 1000) / 1609.344; // convert to miles var height = 0.00; var distance2 = Math.pow(distance, 2) + Math.pow(height, 2); var dist1 = M
@TomG, Great! It works perfectly. Thank you very much for your help!
@TomG, Thank you for the clarification. Now I use this html for my question: `You choose <span class="color">${e://Field/color}</span>.` And JS is like: Qualtrics.SurveyEngine.addOnload(function() { jQuery("span.color").html("${e://Field/color}".toLowerCase()); }); And the result is: You choose green. But if I want to make "green" bold, like: You choose green. Is it possible to set two styles (lowercase and bold)?
@TomG, Thanks for your answer. Do you mean using Java, like as follows on the page that I used the embedded data? Qualtrics.SurveyEngine.addOnload(function() { "${e://Field/color}".toLowerCase(); });
Thank you, @Shashi. I tried to change the if statement in the same way you suggested. But finally, I got the result like this: `if(randomItem == "${q://QID1/ChoiceTextEntryValue}")`
Hello @Shashi, Thank you very much for your code. I think it works for random selection. But I have one additional issue. After the random selection, I want to match another value based on the selected item. So, my code is like: var i1=parseInt("${q://QID1/ChoiceTextEntryValue}") || -1; var i2=parseInt("${q://QID2/ChoiceTextEntryValue}") || -1; var i3=parseInt("${q://QID3/ChoiceTextEntryValue}") || -1; var myArray = [i1, i2, i3]; myArray= jQuery.grep(myArray, function(value) { return value != -1; }); var randomItem = myArray[Math.floor(Math.random() * myArray.length)]; Qualtrics.SurveyEngine.setEmbeddedData("randomItem", randomItem); var i4="${q://QID4/ChoiceGroup/SelectedChoices}"; var i5="${q://QID5/ChoiceGroup/SelectedChoices}"; var i6="${q://QID6/ChoiceGroup/SelectedChoices}"; var purpose; if(randomItem = i1){ purpose = i4; } else if(randomItem = i2){ purpose = i5; } else{ p
@Shashi Thank you very much!
Thanks, @Shashi. I think I got a hint from you. Here is what I did: Qualtrics.SurveyEngine.addOnReady(function() { var i1="${q://QID1/ChoiceTextEntryValue}"; var i2="${q://QID2/ChoiceTextEntryValue}"; var i3="${q://QID3/ChoiceTextEntryValue}"; var i4="${q://QID4/ChoiceGroup/SelectedChoices}"; var i5="${q://QID5/ChoiceGroup/SelectedChoices}"; var i6="${q://QID6/ChoiceGroup/SelectedChoices}"; var max = Math.max("${q://QID1/ChoiceTextEntryValue}", "${q://QID2/ChoiceTextEntryValue}", "${q://QID3/ChoiceTextEntryValue}"); Qualtrics.SurveyEngine.setEmbeddedData("max", max); var purpose; if(max = i1){ purpose = i4; } else if(max = i2){ purpose = i5; } else{ purpose = i6; } Qualtrics.SurveyEngine.setEmbeddedData("purpose", purpose); }); I think it works. If you find any errors, please let me know.
@TomG Thank you very much! It works-
Thank you very much, @TomG! This is what I exactly wanted to do.
Hello @Shashi , I know how to use Redirect to URL option. But I want to know how to detect the maximum value of reported answers and then redirect the respondent based on the value.
Already have an account? Login
Enter your username or 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.
