teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問CSV出力に成功したらメッセージを出したい

編集履歴

質問編集履歴

2

修正

2021/10/27 07:03

投稿

iiinnn
iiinnn

スコア8

test CHANGED
File without changes
test CHANGED
@@ -26,19 +26,7 @@
26
26
 
27
27
 
28
28
 
29
- ![イメージ説明](04b7c21d034c33a7b6668631883468cc.png)
29
+
30
-
31
-
32
-
33
-
34
-
35
- **参考サイト**
36
-
37
- ```
38
-
39
- https://www.sejuku.net/blog/29821
40
-
41
- ```
42
30
 
43
31
 
44
32
 
@@ -76,15 +64,15 @@
76
64
 
77
65
 
78
66
 
79
- <tr><td>名前<br></td></tr>
67
+ <tr><td><br></td></tr>
80
68
 
81
69
  <tr><td><input type="text" name="name" id="name" class="input"><br></td></tr>
82
70
 
83
- <tr><td>email<br></td></tr>
71
+ <tr><td><br></td></tr>
84
72
 
85
73
  <tr><td><input type="text" name="email" id="email" class="input"><br></td></tr>
86
74
 
87
- <tr><td>出力先<br></td></tr>
75
+ <tr><td><br></td></tr>
88
76
 
89
77
  <tr><td><input type="text" name="messege" id="messege" class="input"><br><br></td></tr>
90
78
 
@@ -132,96 +120,16 @@
132
120
 
133
121
  }
134
122
 
135
-
136
-
137
- header {
123
+
138
-
139
- background-color: rgb(147, 192, 201);
124
+
140
-
141
- display: flex; /*〇右寄せ　２行目にいく*/
142
-
143
- height: 50px;/*ヘッダー高さ*/
144
-
145
- }
146
-
147
-
148
-
149
- .menu {
125
+ .return{
150
-
151
- margin:0 0 0 auto; /*〇右寄せ　３行目にいく*/
126
+
152
-
153
- padding: 0 14px; /*ヘッダー左 間隔*/
154
-
155
-
156
-
157
- }
158
-
159
-
160
-
161
- ul {
162
-
163
- display: flex; /*〇横並び*/
164
-
165
- list-style: none; /*・*/
127
+ text-decoration: none; /*下線消去*/
166
-
167
- margin-top: 13px;
128
+
168
-
169
- }
170
-
171
-
172
-
173
-
174
-
175
- .cloer{
176
-
177
- color: rgb(208, 216, 218);
178
-
179
- margin-right: 14px;
129
+ margin-right: 400px;
180
-
181
- }
182
-
183
-
184
-
185
- /*メニュー・好きな食べ物*/
186
-
187
- .space{
188
-
189
- margin-top: 13px;
190
-
191
- margin-left: 14px;
192
130
 
193
131
  }
194
132
 
195
-
196
-
197
- .food{
198
-
199
- text-decoration: none; /*下線消去*/
200
-
201
- padding: 0 100px; /*ヘッダー左 間隔*/
202
-
203
- }
204
-
205
- .profile{
206
-
207
- text-decoration: none; /*下線消去*/
208
-
209
- padding: 0 100px;
210
-
211
- }
212
-
213
-
214
-
215
-
216
-
217
- .return{
218
-
219
- text-decoration: none; /*下線消去*/
220
-
221
- margin-right: 400px;
222
-
223
- }
224
-
225
133
  ```
226
134
 
227
135
 
@@ -256,15 +164,7 @@
256
164
 
257
165
 
258
166
 
259
- //IE10/11用
167
+
260
-
261
- //download属性が機能しないためmsSaveBlobを使用する
262
-
263
- if (window.navigator.msSaveBlob) {
264
-
265
- window.navigator.msSaveBlob(blob, filename);
266
-
267
-
268
168
 
269
169
  //その他ブラウザ
270
170
 

1

情報追加

2021/10/27 07:03

投稿

iiinnn
iiinnn

スコア8

test CHANGED
File without changes
test CHANGED
@@ -10,9 +10,11 @@
10
10
 
11
11
 
12
12
 
13
+ また、"失敗しました"とはメッセージが出るようになったのですが
14
+
13
- また、この画面遷移した際に出力ボタンを押していないのに "失敗しました" と
15
+ この画面遷移した際に出力ボタンを押していないのにでてきてしまいます。。
14
-
15
- でてきてしまいます。。
16
+
17
+
16
18
 
17
19
  なので出力ボタンを押してメッセージを出したいです。
18
20
 
@@ -28,6 +30,18 @@
28
30
 
29
31
 
30
32
 
33
+
34
+
35
+ **参考サイト**
36
+
37
+ ```
38
+
39
+ https://www.sejuku.net/blog/29821
40
+
41
+ ```
42
+
43
+
44
+
31
45
  **HTML**
32
46
 
33
47
  ```
@@ -96,6 +110,122 @@
96
110
 
97
111
  ```
98
112
 
113
+
114
+
115
+ **CSS**
116
+
117
+
118
+
119
+ ```
120
+
121
+
122
+
123
+ html {
124
+
125
+ text-align: center;
126
+
127
+ }
128
+
129
+ body {
130
+
131
+ background-color: #f0f1f1;
132
+
133
+ }
134
+
135
+
136
+
137
+ header {
138
+
139
+ background-color: rgb(147, 192, 201);
140
+
141
+ display: flex; /*〇右寄せ　２行目にいく*/
142
+
143
+ height: 50px;/*ヘッダー高さ*/
144
+
145
+ }
146
+
147
+
148
+
149
+ .menu {
150
+
151
+ margin:0 0 0 auto; /*〇右寄せ　３行目にいく*/
152
+
153
+ padding: 0 14px; /*ヘッダー左 間隔*/
154
+
155
+
156
+
157
+ }
158
+
159
+
160
+
161
+ ul {
162
+
163
+ display: flex; /*〇横並び*/
164
+
165
+ list-style: none; /*・*/
166
+
167
+ margin-top: 13px;
168
+
169
+ }
170
+
171
+
172
+
173
+
174
+
175
+ .cloer{
176
+
177
+ color: rgb(208, 216, 218);
178
+
179
+ margin-right: 14px;
180
+
181
+ }
182
+
183
+
184
+
185
+ /*メニュー・好きな食べ物*/
186
+
187
+ .space{
188
+
189
+ margin-top: 13px;
190
+
191
+ margin-left: 14px;
192
+
193
+ }
194
+
195
+
196
+
197
+ .food{
198
+
199
+ text-decoration: none; /*下線消去*/
200
+
201
+ padding: 0 100px; /*ヘッダー左 間隔*/
202
+
203
+ }
204
+
205
+ .profile{
206
+
207
+ text-decoration: none; /*下線消去*/
208
+
209
+ padding: 0 100px;
210
+
211
+ }
212
+
213
+
214
+
215
+
216
+
217
+ .return{
218
+
219
+ text-decoration: none; /*下線消去*/
220
+
221
+ margin-right: 400px;
222
+
223
+ }
224
+
225
+ ```
226
+
227
+
228
+
99
229
  **JS**
100
230
 
101
231
  ```