質問編集履歴

2

ソースコードの修正

2021/07/02 11:53

投稿

Hamadust
Hamadust

スコア5

test CHANGED
File without changes
test CHANGED
@@ -212,7 +212,7 @@
212
212
 
213
213
  document.getElementById('messages').insertAdjacentHTML('beforeend', '<%= j(render @message) %>')
214
214
 
215
- // フォームを初期化する
215
+ // フォームのインプット空にする
216
216
 
217
217
  document.getElementById('message_content').value = ''
218
218
 
@@ -222,7 +222,7 @@
222
222
 
223
223
 
224
224
 
225
- // モーダルを閉じる動作(ここ上手くいかない)============================
225
+ // モーダルを閉じる動作(エラー出る)============================
226
226
 
227
227
  // モーダルを取得
228
228
 
@@ -230,21 +230,25 @@
230
230
 
231
231
 
232
232
 
233
- // 「投稿」ボタン取得
233
+ // モーダル閉じる
234
-
235
- var submitButton = document.getElementById('submitButton');
234
+
236
-
237
-
238
-
239
- // 「投稿」ボタンがクリックされたらモーダルを閉じたい
240
-
241
- submitButton.addEventListener('click', function () {
242
-
243
- exampleModal.hide();
235
+ exampleModal.hide()
244
-
236
+
245
- console.log('create_message Modal Close')
237
+ console.log('hide')
238
+
239
+
240
+
246
-
241
+ // Uncaught TypeError: exampleModal.hide is not a function
242
+
243
+ // at <anonymous>:11:14
244
+
247
- })
245
+ // at processResponse (rails-ujs.js:283)
246
+
247
+ // at rails-ujs.js:196
248
+
249
+ // at XMLHttpRequest.xhr.onreadystatechange (rails-ujs.js:264)
250
+
251
+
248
252
 
249
253
  // =========================================================
250
254
 

1

一部ソースコードのコメント修正

2021/07/02 11:53

投稿

Hamadust
Hamadust

スコア5

test CHANGED
File without changes
test CHANGED
@@ -202,6 +202,12 @@
202
202
 
203
203
  ```js
204
204
 
205
+ // app/views/messages/create.js.erb
206
+
207
+ // フォームの「投稿」ボタンがクリックされたら投稿内容がPOSTされ、こちらの処理が流れる
208
+
209
+
210
+
205
211
  // メッセージ一覧の一番下に新規メッセージを追加する
206
212
 
207
213
  document.getElementById('messages').insertAdjacentHTML('beforeend', '<%= j(render @message) %>')