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函数。只需将您的代码段添加到＆＃34;其他设置＆＃34;在表格中。

on_sent_ok: "your_custom_function();"

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

Answer 2

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

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

了解更多at the Mozilla Developer Network。

联系表格7 - 更改背景＆＃34;发送确定＆＃34;

2 个答案: