質問編集履歴
3
書式の改善
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
ボタンクリックによる特定セルの値の更新（GASとHTMLの連携）
|
test
CHANGED
|
@@ -1,115 +1,41 @@
|
|
|
1
|
-
|
|
1
|
+
ボタンをクリックするとシートの指定された部分に「a」を入力したい。
|
|
2
2
|
|
|
3
|
+
----
|
|
3
|
-
|
|
4
|
+
Googleスプレッドシートのボタンをクリックしても、指定されたセルに値が入力されない。2つの異なるアプローチは期待通りに動作しませんでした。
|
|
4
5
|
|
|
6
|
+
１．doGet()関数を除いたスクリプトをスクリプトタグの間に挿入します。また、button要素のonclick属性に`"onButtonClick()"`を指定します。
|
|
7
|
+
結果：ボタンをクリックすると、「a」が表示されます。
|
|
8
|
+
スクリプトタグの間に`function onButtonClick(){console.log("a");}`を挿入するとクリックのタイミングで「a」を確認できることから、スクリプトタグの間に問題があると予想されます。
|
|
9
|
+
２．button要素のonclick属性に`<? buttonClick() ?>`を指定します。
|
|
10
|
+
結果：doGet()が実行されると、目的の場所に「a」が表示されます。
|
|
5
|
-
```
|
|
11
|
+
```
|
|
12
|
+
function doGet() {
|
|
13
|
+
const template = HtmlService.createTemplateFromFile("test");
|
|
14
|
+
return template.evaluate();
|
|
15
|
+
}
|
|
6
16
|
|
|
17
|
+
function onButtonClick() {
|
|
18
|
+
setSheetValue("data", 1, 1, "a");
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
function getSheetRange(sheetName, rowNum, colNum){
|
|
22
|
+
const activeSpreadsheet = SpreadsheetApp.getActiveSpreadsheet();
|
|
23
|
+
const targetSheet = activeSpreadsheet.getSheetByName(sheetName);
|
|
24
|
+
const targetRange = targetSheet.getRange(rowNum, colNum);
|
|
25
|
+
return targetRange;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
function setSheetValue(sheetName, rowNum, colNum, value){
|
|
29
|
+
getSheetRange(sheetName, rowNum, colNum).setValue(value);
|
|
30
|
+
}
|
|
31
|
+
```
|
|
32
|
+
```
|
|
7
33
|
<head>
|
|
8
|
-
|
|
9
34
|
<script>
|
|
10
|
-
|
|
11
|
-
function buttonClick(){
|
|
12
|
-
|
|
13
|
-
setVf("data",1,1,"a");
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
function getRf(sheetname, row, column){
|
|
18
|
-
|
|
19
|
-
const Gs = SpreadsheetApp.getActiveSpreadsheet();
|
|
20
|
-
|
|
21
|
-
const Gss =Gs.getSheetByName(sheetname);
|
|
22
|
-
|
|
23
|
-
const GssRange = Gss.getRange(row,column);
|
|
24
|
-
|
|
25
|
-
return GssRange
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
function setVf(sheetname,row,column,test){
|
|
30
|
-
|
|
31
|
-
getRf(sheetname,row,column).setValue(test);
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
</script>
|
|
35
|
+
</script>
|
|
36
|
-
|
|
37
36
|
</head>
|
|
38
|
-
|
|
39
37
|
<body>
|
|
40
|
-
|
|
41
|
-
<button type="button"
|
|
38
|
+
<button type="button">ボタン</button>
|
|
42
|
-
|
|
43
39
|
</body>
|
|
44
|
-
|
|
45
|
-
</html>
|
|
46
|
-
|
|
47
40
|
```
|
|
48
41
|
|
|
49
|
-
##No.1: <script>と</ script>の間に原因があると予想されます。
|
|
50
|
-
|
|
51
|
-
```html
|
|
52
|
-
|
|
53
|
-
<script>function buttonClick(){console.log("a");}</script>
|
|
54
|
-
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
|予想される動作|結果|
|
|
58
|
-
|
|
59
|
-
|:--:|:--:|
|
|
60
|
-
|
|
61
|
-
|ボタンをクリックすると、「a」が表示されます。|ボタンをクリックすると、「a」が表示されます。|
|
|
62
|
-
|
|
63
|
-
##No.2: その他の試験と結果
|
|
64
|
-
|
|
65
|
-
```html
|
|
66
|
-
|
|
67
|
-
<button type="button" onclick= <? buttonClick() ?>>button</button>
|
|
68
|
-
|
|
69
|
-
//test.html
|
|
70
|
-
|
|
71
|
-
```
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
```script
|
|
76
|
-
|
|
77
|
-
function doGet() {
|
|
78
|
-
|
|
79
|
-
const html = HtmlService.createTemplateFromFile("test");
|
|
80
|
-
|
|
81
|
-
return html.evaluate()
|
|
82
|
-
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
function buttonClick() {
|
|
86
|
-
|
|
87
|
-
setVf("data",1,1,"n");
|
|
88
|
-
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
function getRf(sheetname, row, column){
|
|
92
|
-
|
|
93
|
-
const Gs = SpreadsheetApp.getActiveSpreadsheet();
|
|
94
|
-
|
|
95
|
-
const Gss =Gs.getSheetByName(sheetname)
|
|
96
|
-
|
|
97
|
-
const GssRange = Gss.getRange(row,column);
|
|
98
|
-
|
|
99
|
-
return GssRange
|
|
100
|
-
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
function setVf(sheetname,row,column,text){
|
|
104
|
-
|
|
105
|
-
getRf(sheetname,row,column).setValue(text);
|
|
106
|
-
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
```
|
|
110
|
-
|
|
111
|
-
|予想される動作|結果|
|
|
112
|
-
|
|
113
|
-
|:--:|:--:|
|
|
114
|
-
|
|
115
|
-
|ボタンをクリックすると、目的の場所に「a」が表示されます。|doGet()が実行されると、目的の場所に「a」が表示されます。|
|
2
編集> No.2: その他の試験と結果
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -59,3 +59,57 @@
|
|
|
59
59
|
|:--:|:--:|
|
|
60
60
|
|
|
61
61
|
|ボタンをクリックすると、「a」が表示されます。|ボタンをクリックすると、「a」が表示されます。|
|
|
62
|
+
|
|
63
|
+
##No.2: その他の試験と結果
|
|
64
|
+
|
|
65
|
+
```html
|
|
66
|
+
|
|
67
|
+
<button type="button" onclick= <? buttonClick() ?>>button</button>
|
|
68
|
+
|
|
69
|
+
//test.html
|
|
70
|
+
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
```script
|
|
76
|
+
|
|
77
|
+
function doGet() {
|
|
78
|
+
|
|
79
|
+
const html = HtmlService.createTemplateFromFile("test");
|
|
80
|
+
|
|
81
|
+
return html.evaluate()
|
|
82
|
+
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
function buttonClick() {
|
|
86
|
+
|
|
87
|
+
setVf("data",1,1,"n");
|
|
88
|
+
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
function getRf(sheetname, row, column){
|
|
92
|
+
|
|
93
|
+
const Gs = SpreadsheetApp.getActiveSpreadsheet();
|
|
94
|
+
|
|
95
|
+
const Gss =Gs.getSheetByName(sheetname)
|
|
96
|
+
|
|
97
|
+
const GssRange = Gss.getRange(row,column);
|
|
98
|
+
|
|
99
|
+
return GssRange
|
|
100
|
+
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
function setVf(sheetname,row,column,text){
|
|
104
|
+
|
|
105
|
+
getRf(sheetname,row,column).setValue(text);
|
|
106
|
+
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
|予想される動作|結果|
|
|
112
|
+
|
|
113
|
+
|:--:|:--:|
|
|
114
|
+
|
|
115
|
+
|ボタンをクリックすると、目的の場所に「a」が表示されます。|doGet()が実行されると、目的の場所に「a」が表示されます。|
|
1
編集> No.1: <script>と</ script>の間に原因があると予想されます。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -45,3 +45,17 @@
|
|
|
45
45
|
</html>
|
|
46
46
|
|
|
47
47
|
```
|
|
48
|
+
|
|
49
|
+
##No.1: <script>と</ script>の間に原因があると予想されます。
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
|
|
53
|
+
<script>function buttonClick(){console.log("a");}</script>
|
|
54
|
+
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
|予想される動作|結果|
|
|
58
|
+
|
|
59
|
+
|:--:|:--:|
|
|
60
|
+
|
|
61
|
+
|ボタンをクリックすると、「a」が表示されます。|ボタンをクリックすると、「a」が表示されます。|
|