0

我从 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 每页进入一个问题。

取自另一个stackoverflow问题：

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

}

我在外观和感觉页面的实际页脚和页眉中使用了 CSS，但我不确定如何只影响带有我的 TOC 按钮的页面？目录按钮位于“后退”和“下一步”按钮的中间。

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

如果有人可以提供帮助，那就太好了。

4

1 回答 1

1

如果我理解正确，您只想在带有 TOC 按钮的页面上添加页脚。有几种不同的方法可以做到这一点，但这里有一种方法。在外观/页脚/编辑/来源下：

<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>页脚文本，当前以下面的一些填充为中心，但您可以根据需要更改它。它只是一个以 ( &nbsp;) 开头的空格。javascript 检查页面是否有 TOC 按钮（id JumpButton），是否将空间更改为其他文本。

更新：根据您在下面的评论，要在按钮下方添加一些内容，请在 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 填充顶部和底部。

于 2015-02-16T00:59:07.863 回答