联系表格 7 - 更改背景“发送确定”

Question

我有一个带有背景图像的表单，当有人提交表单时，我需要图像自动更改。

在on_sent_ok:使用的函数是什么？

这是我的表格：

<div class="formfontana" style="background-image: url("XXX.jpg");"> 
<div style="margin:0 auto;width:50%;">
   <div style="width:100%; padding:5px; text-align:center;">[text* cognome class:accendifield placeholder "Il tuo cognome"]</div>
   <div style="width:100%; padding:5px; text-align:center;">[email* email class:accendifield placeholder "La tua email"]</div>
   <div style="width:100%; padding:5px; text-align:center; margin-top:20px;">[submit "Illumina la fontana di Trevi"]</div>
</div>
</div>

我尝试过类似的事情：

on_sent_ok: "document.getElementById('DIV-ID').style.background-image = 'url("ZZZ.jpg")';

这是解决方案：

on_sent_ok: "document.getElementById('DIV-ID').style.backgroundImage = 'url(ZZZ.jpg)';"

感谢@rnevius

Answer 1

成功提交表单后，您可以调用自定义 JavaScript 函数。 只需将您的代码段添加到表单中的“附加设置”。

on_sent_ok: "your_custom_function();"

http://contactform7.com/additional-settings/

Answer 2

background-image是一个 CSS 属性。 你应该在 JavaScript 中使用backgroundImage 。 您还应该省略 url 周围的引号。 换句话说：

on_sent_ok: "document.getElementById('DIV-ID').style.backgroundImage = 'url(ZZZ.jpg)';"

在 Mozilla 开发者网络阅读更多。