I have a side-by-side question with a bunch of radio buttons. I've pulled together some code that will count the number of radio buttons selected in each column of the Side-by-Side, and have placed some text above the question that displays these counters:
<span style="color:#000000;"><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;">You have allocated $100 to this number of groups: <strong><span id="total1" style="color:#E73F61;">0</span></strong></span></span></span></div>
<span id="warning1" style="color:#E73F61;"></span><br><br>
<span style="color:#000000;">You have allocated $0 to this number of groups: <strong><span id="total2" style="color:#E73F61;">0</span></strong></span><br>
<span id="warning2" style="color:#E73F61;"></span>
My issue is that the Side-by-Side table's pretty long, so as respondents scroll down on the page they lose sight of the slider, which is supposed to help them keep track of what radio buttons they can click, etc. So we want to also include the same text above _underneath_ the question (the Side-by-Side table).
It's not as trivial (I think) as simply placing a new Descriptive Text question below the question with the Side-by-Side, as the Javascript I use to create the counter (which I detail here) is only included in the Side-by-Side question, and uses "this.questionClick", so none of the variables I create there are available to other questions (I can't also make them embedded data as presumably they'll only be available to show once the next button is clicked).
So is there a way to place question text at the bottom of a question? I'm hoping there's something as simple as some CSS code or some Javascript code that will allow me to do this in the Side-by-Side question.
Best answer by TomG
View original