Qualtrics

Question

我从 Qualtrics linkedin 组中删除了这个 javascript（感谢 Anthony）

Qualtrics.SurveyEngine.addOnload(function()
{
var para = document.createElement("footnote");
var test = document.getElementById("Buttons");
var node = document.createTextNode('This is your footnote');
var next = document.getElementById("NextButton");
para.appendChild(node);
test.insertBefore(para, next.nextSibling);

});

正如他在讨论中所说，在页脚中使用 CSS 样式应该强制文本位于按钮下方而不是按钮旁边。

但是，我在 CSS 方面很糟糕，所以我的问题有点双重：

1) 我查看了如何在页脚上设置 CSS 样式，但我应该将它们放在调查中的什么位置？还有什么是合适的CSS？ Javascript 每页一个问题。

摘自另一个 Whosebug 问题：

#footer-row1{
       margin-top: 80px;
       padding: 1.2em 0;

}

我在外观和感觉页面的实际页脚和页眉中使用了 CSS，但我不确定如何只影响带有目录按钮的页面？ Contents 按钮的 Table 位于 Back 和 Next 按钮的中间。

我应该把它放在哪里？在问题正文每页的最后一个问题上？

如果有人能提供帮助那就太好了。

Answer 1

如果我没有理解错的话，您只想在带有 TOC 按钮的页面上添加页脚。有几种不同的方法可以做到这一点，但这是一种方法。下看 & Feel/Footer/Edit/Source:

<div id="TocFooter" style="text-align: center; padding-bottom: 12px;">&nbsp;</div>
<script type="text/javascript">
Qualtrics.SurveyEngine.addOnload(function()
{
if ($('JumpButton')) $('TocFooter').innerHTML = "This is my TOC footer text";
});
</script>

<div> 包含您的页脚文本，目前以下面的一些填充居中，但您可以根据需要更改它。它只是一个 space 开头 ( )。 javascript 检查页面是否有目录按钮 (id JumpButton)，如果有，则将 space 更改为其他文本。

更新：根据您在下面的评论，要在按钮下方放置一些内容，请在 Look&Feel/Advanced/Header/Edit/Source 下添加此 javascript（它可以放在页眉或页脚中）：

<script type='text/javascript'>
Qualtrics.SurveyEngine.addOnload(function () {
    if ($('JumpButton')) {
      $('Buttons').insert({
        after: "<div style=\"text-align:center;padding:12px 0px\">This is the TOC button footnote</div>"
      }); 
    }
});
</script>

这会在按钮下方添加一个居中的 <div>，顶部和底部的内边距为 12px。

Qualtrics - 在内容按钮的 Table 下方添加页脚

Qualtrics - Adding a footer below the Table of Contents button

javascript

css