Solved

How do I connect my HTML code (word count progress bar) to the textarea in Qualtrics?

Forum|Forum|4 years ago
June 11, 2021
4 replies
80 views

JannikeHarnisch

word count progress bar.pdfI have a code (HTML and Javascript) that gives me a textarea and a progress bar that reacts to the number of words typed into the textarea. I had no struggle including the code before the Qualtrics update.

Now the problem is:
If the question type I use is a text/graphic, everything looks fine, but the answers participants give are not saved.
If the question type I use is a text entry, the answers participants give in the HTML textarea are not saved and there is another textarea from Qualtrics below my HTML texarea.

So I guess I need to connect my code to the existing textarea, but that does not work. How do I do it?

You can finde my code attached. Thank your for your help!

Best answer by ahmedA

Use a tex/graphic question. Add another text entry question below it.
Add this JS to the Qualtrics text entry question:
Qualtrics.SurveyEngine.addOnReady(function () {
    this.questionContainer.hide();
    let my_text = this.questionContainer.querySelector("textarea");
    document.querySelector("#NextButton").onclick = function () {
        my_text.value = document.querySelector("#progress").next("textarea").value;
    };
});

A

+22

ahmedA
Level 7 ●●●●●●●
Answer
Forum|Forum|4 years ago
June 11, 2021

Use a tex/graphic question. Add another text entry question below it.
Add this JS to the Qualtrics text entry question:
Qualtrics.SurveyEngine.addOnReady(function () {
    this.questionContainer.hide();
    let my_text = this.questionContainer.querySelector("textarea");
    document.querySelector("#NextButton").onclick = function () {
        my_text.value = document.querySelector("#progress").next("textarea").value;
    };
});

Like

J

JannikeHarnisch
Author
Forum|Forum|4 years ago
June 11, 2021

Thank you for your help!
I tried it and it looks good, but the responses in the text entry field are not safed, I dont see any data for that question when I export the data. I had that problem before when I use the question type text/graphic.
Do you see another option? It seems like the responses are only safed in Qualtrics textareas. Can I make my code react to the existing Texterea in a text entry question?