Add the following line in first three pages of your survey.
jQuery('#id of your text').hide();
Put the footer text you want to hide inside a `<div>` with an id:
```
<div id="hideThis">
Text to be hidden
</div>
```
Also, add a script to your footer that will hide the `<div>` if a flag is present on the page:
```
<script>
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("#hideFooterText").length > 0) jQuery("#hideThis").hide();
});
</script>
```
Then, when you want to hide the footer text on the page, add this to the question text of one of the questions on the page:
```
<span id="hideFooterText"></span>
```
Yes, the same process will work on any page (footers are associate with a page, not a question).
I can't really get much more specific on the instructions. Make sure are in html or source (<>) mode when you edit your question text and footer.
I've tried the above-said steps, nothing worked out.
>
> @TomG
> where would the first `<div>` code go? In the footer? Or in a question?
In the footer.
Here is my footer (in HTML editor view):
~~~~
<div id="hideThis" style="text-align: center;">Footer text</div>
<script>
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("#hideFooterText").length > 0) jQuery("#hideThis").hide();
});
</script>
~~~~
Here is how it is embedded in the question (in HTML editor view):
~~~~
Question wording<span id="hideFooterText"></span>
~~~~
But the footer is still showing up on the page with that question. Any suggestions?
Thank you in advance!
If this doesn't work, I can separate and link two separate surveys. I'd just prefer not to do that if I can avoid it because I already have linked surveys in this project.
Thanks again!
> Thanks @TomG , but it's still not working (even on subsequent pages where it may have had a chance to load, if that is the issue). Any other strategies?
>
> If this doesn't work, I can separate and link two separate surveys. I'd just prefer not to do that if I can avoid it because I already have linked surveys in this project.
>
> Thanks again!
Upon closer inspection, there is a syntax error. It is missing the if:
```
Qualtrics.SurveyEngine.addOnload(function() {
if(jQuery("#hideFooterText").length > 0) jQuery("#hideThis").hide();
});
```
~~~
<div id="hideThis" style="text-align: center;">Footer text</div>
<script>
Qualtrics.SurveyEngine.addOnReady(function() {
if(jQuery("#hideFooterText").length > 0) jQuery("#hideThis").hide();
});
</script>
~~~
And then this in a question on each page:
~~~
Question wording<span id="hideFooterText"></span>
~~~
Hi there,
Following up here a lot later as this thread has proven somewhat useful to me! I am running into an issue though and I am not sure why. It may be because something has changed in the 4 years since this was posted.
I can get the removed footer to work perfectly within the Look and Feel section, but as soon as I move back to the Edit Block section and preview my survey it stops working! I navigate back to the Look and Feel, general settings, HTML source within the footer text and the last line of code (the <script>) has always disappeared.
What could be causing this issue?
Thank you for you time.
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.