Javascript 联系方式7-更改背景“;“发送时确定”;

Javascript 联系方式7-更改背景“;“发送时确定”;,javascript,php,wordpress,Javascript,Php,Wordpress,我有一个带有背景图像的表单,我需要当有人提交表单时,图像会自动更改 发送时在中使用的函数是什么?确定: 这是我的表格: <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;">[tex

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

发送时在
中使用的函数是什么?确定:

这是我的表格:

<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\u sent\u ok:“document.getElementById('DIV-ID').style.backgroundImage='url(ZZZ.jpg)'”


Thx到@rnevius

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

on_sent_ok: "your_custom_function();"

背景图像
是CSS属性。您应该在JavaScript中使用
backgroundImage
。您还应该省略url周围的引号。换言之:

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

阅读更多信息。

没有“发送”功能。\u确定:“。您可以使用ajax,并从getting success函数return手动更改它。您可以帮助我吗?发布代码。这是我的表格:
[text*cognome类:accendifield占位符“Il tuo cognome”][email*email类:accendifield占位符“La tua email”][submit“Illumina La fontana di Trevi”]
我在发送时尝试了一些类似的东西。\u ok:“document.getElementById('DIV-ID')。style.background-image='url(“ZZZ.jpg”);
on_sent_ok: "document.getElementById('DIV-ID').style.backgroundImage = 'url(ZZZ.jpg)';"