質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

491閲覧

gasからhtmlへのデータ送りがうまくいかない。

TD0

総合スコア22

Google Apps Script

Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

1グッド

0クリップ

投稿2018/11/02 00:54

編集2018/11/02 00:58

お世話になります。GASスプレッドシートで来場者管理システムを作成したいと考えています。
スプレッドシート -> GAS -> HTMLとデータをやり取りしたいのですが、GAS -> HTMLがうまく転送されません。

AC列に来場者情報、D列に乱数を入れてあります。
合致する乱数を検索、該当行A
Cの情報をHTMLに返すというものです。

valuesにはデータが検索され入っていることを確認したので、あとはHTMLへの転送だけなのですが…

どうぞよろしくお願いします。

gas

1function input_value_first(){ 2 var key = "3PYRRp5D"; //検索キーワード指定 3 var col = "D"; //検索する列指定 4 var sh = SpreadsheetApp.getActive().getSheetByName('来場者情報'); 5 var row = get_row(key, col, sh); 6 var info = sh.getRange(row,1,1,3); 7 var values = info.getValues(); 8 Logger.log(values); 9 return(values); 10} 11 12function get_row_first(key, col, sh){ 13 var array = get_array(sh, col); 14 var row = array.indexOf(key) + 1; 15 return row; 16} 17 18function get_array_first(sh, col) { 19 var last_row = sh.getLastRow(); 20 var range = sh.getRange(col + "1:" + col + last_row) 21 var values = range.getValues(); 22 var array = []; 23 for(var i = 0; i < values.length; i++){ 24 array.push(values[i][0]); 25 } 26 return array; 27} 28

html

1 2<!DOCTYPE html> 3<html> 4 <head> 5 <base target="_top"> 6 </head> 7<script> 8function input_value_first(){ 9 google.script.run.withSuccessHandler(result).getData(); 10 function result(data){ 11 document.getElementById("TEST").innerHTML = data; 12 } 13} 14</script> 15 16 <body> 17 <h1>来場者情報</h1> 18<hr /> 19<div id="TEST"></div> 20<p><font size="5">来場者情報を確認するには下のボタンを押下。</font></p> 21<button onclick="input_value_first()">読込</button> 22 </body> 23</html>
papinianus👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

未検証ですが今のままでは確実に動かないので、こういう感じでどうでしょうか?

javascript

1function input_value_first(){ 2 google.script.run.withSuccessHandler(result).input_value_first(); 3//ここの書きかたは 関数名 gas上の関数名 4//resultは外(scriptタグの直下)で定義する必要あり 5} 6function result(data){ 7 document.getElementById("TEST").innerHTML = data; 8}

投稿2018/11/02 01:17

papinianus

総合スコア12705

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

TD0

2018/11/02 01:37

素早い回答ありがとうございました。 大変瑣末なミスでお恥ずかしい限りです… これからもどうぞよろしくお願いいたします。
papinianus

2018/11/02 01:38

有益な質問だと思います。コールバックの書きかたはあまり見ない質問ですし、わかりにくいところもありますので。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問