【问题标题】:How to auto refresh a page on an embedded google form submit如何在嵌入式谷歌表单提交上自动刷新页面
【发布时间】:2014-11-13 08:01:48
【问题描述】:

请注意:我没有任何使用脚本的经验,只有一些基本的 HTML 和 PHP 技能。

我希望我的 google 网站上的页面在嵌入的 google 表单提交后自动刷新。这可以在单击按钮后立即显示嵌入和更新的谷歌表单结果,而无需访问者手动重新加载页面。 (就像任何在线投票一样)

我的表单正在完美更新,但我还没有找到一个示例或教程,如何在单击提交按钮时使用嵌入的 google 表单为 google 站点进行页面刷新。我希望有人可以通过提供有关如何使这项工作的示例来帮助我。最好我想使用嵌入式谷歌表单,而不是创建一个单独的 PHP 表单加载到谷歌表单中,这可能是一种替代方法。谢谢。

在我的 Google 页面上可以看到的 HTML 下方。我需要从这些嵌入表单中猜测的触发器来刷新提交时的页面。我只是不知道如何完成这项工作。

<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>

【问题讨论】:

  • 你能告诉我们这个谷歌表单的代码吗?
  • 嵌入表单和表单源代码的链接。我将在哪里编辑谷歌表单代码?查看源代码:docs.google.com/forms/d/…sites.google.com/site/mpgtboeurope/home/feedback
  • 您能否编辑您的问题并包含您正在使用的一些代码(以及您如何使用它)?这为您的问题提供了一些背景和细节。如果您提供的链接将来离线,阅读您的问题的人可能无法通过阅读您的问题来理解您的意思。
  • 好的,谢谢,我会编辑问题。请注意,我使用的是谷歌表单,所以我没有进行任何编码,也不知道在哪里这样做。这实际上是我的问题的一部分。

标签: form-submit page-refresh google-sites google-forms


【解决方案1】:

我很抱歉成为这样一个坏消息的通知者,但这是不可能的。 正如您的代码所示,您实际上是在使用 google Site 来显示您的 google 表单。行:

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

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

【讨论】:

  • 感谢 Harold 的明确回答。我会尝试寻找另一种解决方案。谢谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-06-10
  • 1970-01-01
  • 1970-01-01
  • 2020-06-27
  • 1970-01-01
  • 1970-01-01
  • 2011-10-17
相关资源
最近更新 更多