Question

我把这个javascript从Qualtrics linkedin组中取出（感谢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按钮影响页面？ “目录”按钮位于“后退”和“下一步”按钮的中间。

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

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

Answer 1

如果我理解正确，您只想在带有TOC按钮的页面上添加页脚。有几种不同的方法可以做到，但这是一种方法。在Look＆amp;感觉/页脚/编辑/来源：

<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>包含您的页脚文字，目前以下面的某些填充为中心，但您可以根据需要进行更改。它只是一个开始的空间（ ）。 javascript检查页面是否有TOC按钮（id JumpButton），如果它确实将空间更改为其他文本。

更新：根据您在下面的评论，在按钮下方添加一些内容，在Look＆amp; 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 - 在目录按钮下添加页脚

1 个答案: