如何在嵌入式谷歌表单提交上自动刷新页面

时间：2014-11-13 08:01:49

标签： form-submit page-refresh google-sites google-form

预先注意：我没有使用脚本的经验，只有一些基本的HTML和PHP技能。

我希望我的Google网站上的一个页面会在提交嵌入式Google表单后立即自动刷新。这样可以在单击按钮后立即显示嵌入和更新的Google表单结果，而访问者无需手动重新加载页面。 （就像你在任何在线投票一样）

我的表单正在更新，但我还没有找到一个示例或教程，当点击提交按钮时，如何使用嵌入式谷歌表单对谷歌网站进行页面刷新工作。我希望有人可以通过提供一个如何使这项工作的例子来帮助我。我希望使用嵌入式谷歌表单，而不是必须创建一个单独的PHP表单加载到谷歌表单可能是一个替代。感谢。

HTML下方，我可以在我的Google页面上看到它。我需要一个触发器，我想从这些嵌入的表单中刷新提交的页面。我根本不知道如何完成这件事。

<div>
<div style="text-align:left">
<div><img src="https://www.google.com/chart?chc=sites&amp;cht=d&amp;chdp=sites&amp;chl=%5B%5BSpreadsheet+form'%3D20'f%5Cv'a%5C%3D0'10'%3D499'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22test+int+sheet%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D500'%3D397'dim'%5C%3D10'%3D10'%3D500'%3D397'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&amp;sig=5VZGSIULBu8sSdf833qiLWVDcx8" data-origsrc="1VACx4d2pJEZlvAezbO9Gnh_nX3nIPwSJ4iCNjEmCiUM" data-type="spreadsheet-form" data-props="align:center;borderTitle:test int sheet;doctype:freebird;height:400;objectTitle:test int sheet;showBorder:false;showBorderTitle:false;wrap:false;" width="500" height="400" style="display:block;margin:5px auto;text-align:center;"></div>
<br>
</div>
<div style="text-align:left"><img src="https://www.google.com/chart?chc=sites&amp;cht=d&amp;chdp=sites&amp;chl=%5B%5BGoogle+Gadget'%3D20'f%5Cv'a%5C%3D0'10'%3D499'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22Include+gadget+(iframe)%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D500'%3D397'dim'%5C%3D10'%3D10'%3D500'%3D397'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&amp;sig=t6_Deqv8rgMQCB28aqz1n9MoVTU" data-igsrc="http://164.gmodules.com/ig/ifr?mid=164&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&amp;up_iframeURL=https%3A%2F%2Fdocs.google.com%2Fspreadsheets%2Fd%2F1g2cGeavUciTy6po7_DXPXMNqC1fqTTROHRoTnsafFfM%2Fpubhtml%3Fgid%3D754672963%26single%3Dtrue&amp;up_scroll=no&amp;h=400&amp;w=100%25" data-type="ggs-gadget" data-props="align:center;borderTitle:Include gadget (iframe);height:400;igsrc:http#58//164.gmodules.com/ig/ifr?mid=164&amp;synd=trogedit&amp;url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&amp;up_iframeURL=https%3A%2F%2Fdocs.google.com%2Fspreadsheets%2Fd%2F1g2cGeavUciTy6po7_DXPXMNqC1fqTTROHRoTnsafFfM%2Fpubhtml%3Fgid%3D754672963%26single%3Dtrue&amp;up_scroll=no&amp;h=400&amp;w=100%25;mid:164;scrolling:no;showBorder:false;showBorderTitle:null;spec:http#58//hosting.gmodules.com/ig/gadgets/file/106581606564100174314/iframe.xml;up_iframeURL:https#58//docs.google.com/spreadsheets/d/1g2cGeavUciTy6po7_DXPXMNqC1fqTTROHRoTnsafFfM/pubhtml?gid=754672963&amp;single=true;up_scroll:no;view:default;width:100%;wrap:false;" width="500" height="400" style="display:block;margin:5px auto;text-align:center;" class="igm"></div>
<div style="text-align:left"><br>
</div>
<div style="text-align:center">
<div></div>
<br>
</div>
<div style="text-align:left">
<div style="text-align:center"><br>
</div>
<div style="text-align:center"><br>
</div>
<br>
</div>
</div>

1 个答案:

答案 0 :(得分：0)

我很抱歉成为这样一个坏消息的发信者，但这是不可能的。 正如您的代码所示，您实际上是使用Google网站来显示您的Google表单。这一行：

<img src="https://www.google.com/chart?chc=sites&amp;cht=d&amp;...

当你点击按钮获取源代码时谷歌告诉你这个页面中有谷歌表格的方式。 换句话说：谷歌不允许你在谷歌网站上放任何你想要的东西。添加一些将在用户提交表单时触发的JS代码是不可能的。 即使您将表单托管在Google网站以外的其他地方，您也不会拥有此功能，因为表单本身将显示在无法通过外部脚本修改的iframe中。 这是Google表单的一个严格限制，您可以使用的唯一解决方法是在他现在需要重新加载页面或转到其他链接的表单的确认消息中写信给用户。

相关问题
最新问题