28

我正在寻找一种解决方案(代码),如何在使用旧 Google 表单提交表单后将用户重定向到自定义感谢页面(不是默认的 Google 页面)。

<iframe name="hidden_iframe"
        id="hidden_iframe"
        style="display:none;"
        onload="if(submitted){window.location='http:/...yourthankyoupage.htm';}">
</iframe>
<form action="https://spreadsheets.google.com/formResponse?formkey=....."
      method="post"
      target="hidden_iframe"
      onsubmit="submitted=true;">

此代码不起作用。至少对我来说不是。有什么建议么?

4

3 回答 3

39

这是您自己设计的表格吗?这里有一些很好的阅读:http: //morning.am/tutorials/how-to-style-google-forms/

基本上它的...替换

<form action="YOUR-EMBEDDED-GOOGLE-SPREADSHEET-LINK" method="POST">

<script type="text/javascript">var submitted=false;</script>
    <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"     
onload="if(submitted) {window.location='whateveryourredirectis.html';}"></iframe>
      <form action="YOUR-EMBEDDED-GOOGLE-SPREADSHEET-LINK" method="post" target="hidden_iframe" 
onsubmit="submitted=true;">
于 2011-12-19T08:28:23.020 回答
5

Sneaky Sheep 版本 2可以自动生成必要的 html 以将表单嵌入您的网站。它保留表单的样式表。

或者,如果您使用的是 Sneaky Sheep 的原始版本,请确保在样式部分附加正确的域名以获取样式表。

例如,我必须改变

<link href='/static/forms/client/css/1234-formview_ltr.css' type='text/css' rel='stylesheet'>

<link href='https://docs.google.com/static/forms/client/css/3904611051-formview_ltr.css' type='text/css' rel='stylesheet'>
于 2013-09-10T11:16:24.843 回答
0

您也可以考虑其他选择。在尝试使用 Google 表单来满足我的需求之后,我不得不放弃了。我尝试了第一个答案中建议的Morning.am教程和另一个答案中的代码生成器。在这两种情况下,我都将 Google 表单代码复制到我自己的网页上,但最终破坏了按钮。其他用户在Sneaky Sheep 代码生成器上也对此发表了评论。Submit

显然,Google 表单并非旨在为填写表单的人提供任何自定义反馈。您可以在确认页面上有静态文本甚至链接,但在我的用例中,确认页面的内容取决于用户的输入。

我目前的解决方法是完全放弃 Google 表单,并自己构建查询表单。我正在使用引导表单生成器,例如http://bootsnipp.com/forms。缺点是我必须花更多时间自己调整表单的视觉外观。如果有更好的解决方案出现,我会更新这个答案。

于 2017-01-26T12:19:59.740 回答