著者:admin
グーグルフォーム送信時に別ページが開かないようにする方法
先日グーグルフォームをカスタマイズする方法を記載しましたが、備忘記録としてもう少し詳細に記載しておきます。
まずは更新するスクリプトを記載
script
function koshin(){
location.reload();
}
/script
次にフォームのページから取得したソースの余計な部分を削除
（ベースのタグ(html/body)やフォーム用のタグ(form / input / select )さえ削除しなければ大丈夫です。）
次にiframeをbodyの下に埋め込む。
iframe src=”ページURL” id=”fake-target” name=”fake-target” style=”width:0px; height:0px; border:0px;”
/iframe
formのtargetをfake-targetに変更する。
フォーム送信後ページを更新するためにonsubmitにページ更新するスクリプトを記載する。
form action=”送信先URL” method=”POST” id=”ss-form” target=”fake-target” onsubmit=”return koshin()”
これでページ送信してもグーグルのページに飛ばずにデータ送信後にページを更新してくれます。
データを送信しない限りはエラーメッセージが表示されページ更新は行いません。
ちなみに、別ページに飛ばしたい場合には下記スクリプトを記載してkoshinをsampleにすればいいだけです。
script
function sample(){
location.href=”転送先URL”;
}
/script
興味があればグーグルフォームをカスタマイズする方法で確認してみて下さい。
著者:admin
グーグルフォームをカスタマイズする。
グーグルフォームはすごく便利なのですが、レイアウトが固定されてしまうのが不便だったので、スプレッドシートをデータベースにして使用したりしていました。
しかし、グーグルフォームのHTMLを直接変更することでレイアウトを自由にカスタマイズできるみたいです。
質問項目が増えると大変そうですが、スプレッドシートをデータベース化するよりかは汎用性がありそうです。
- グーグルドライブでフォームを作成
- ライブフォームを表示
- ライブフォームを右クリックでページソースを表示
- formタグがあるあたりから利用規約のあたりまでのソースをコピー
- 適当に編集
グーグルフォームを送信後にグーグルのページに飛ぶのを回避するため、iframeを埋め込みました。
→手順
また、フォーム送信後に別ページに飛ばすためonsubmitに転送するスクリプトを追加しました。
レイアウト変更
送信した結果を確認してください。
グーグルフォームを利用して作ったアンケート達です。
是非確認してください。
http://clttrust.com/?cat=27
逆の発送でワードプレスで受け付けたデータをグーグルカレンダーに登録させる方法です。
http://clttrust.com/?p=6184
※参考
そのまま貼り付けた場合。
