質問編集履歴

2

コードの追記

2019/08/04 03:34

投稿

nanase21
nanase21

score0

test CHANGED
File without changes
test CHANGED
@@ -66,11 +66,11 @@
66
66
 
67
67
  .form-control.border-bottom.border-top-0.border-right-0.border-left-0
68
68
 
69
- input type="file" id="picture" class="col-6"
69
+ input type="file" id="picture" class="col-6"
70
70
 
71
- input type="submit" id="chat" class="col-2 offset-4"
71
+ input type="submit" id="chat" class="col-2 offset-4"
72
72
 
73
- textarea id="content" class="form-control border-0"
73
+ textarea id="content" class="form-control border-0"
74
74
 
75
75
  ```
76
76
 

1

コードの修正

2019/08/04 03:28

投稿

nanase21
nanase21

score0

test CHANGED
File without changes
test CHANGED
@@ -66,11 +66,11 @@
66
66
 
67
67
  .form-control.border-bottom.border-top-0.border-right-0.border-left-0
68
68
 
69
- input type="file" id="picture" class="col-6"
69
+ input type="file" id="picture" class="col-6"
70
70
 
71
- input type="submit" id="chat" class="col-2 offset-4"
71
+ input type="submit" id="chat" class="col-2 offset-4"
72
72
 
73
- textarea id="content" class="form-control border-0"
73
+ textarea id="content" class="form-control border-0"
74
74
 
75
75
  ```
76
76
 
@@ -83,135 +83,3 @@
83
83
  下記で``#chat``を追記してみたが送信できなかったです。
84
84
 
85
85
  ``$(document).on 'keypress', '#content #chat', (event) ->``
86
-
87
-
88
-
89
- 追記
90
-
91
-
92
-
93
- ```coffee
94
-
95
- # 入力時の処理
96
-
97
- $(document).on 'keypress', '#content', (event) ->
98
-
99
- # エンターキーを押した時に処理
100
-
101
- if event.shiftKey
102
-
103
- if event.which is 13
104
-
105
- room_id = window.location.href.match(/rooms\/(.+$)/)[1]
106
-
107
- # TODO: input textだとcontentでクリアされるがtextareaだとクリア出来ないため、一時手に30行目でクリアの実装をしているのが改善する必要がある。
108
-
109
- content = $.trim($("#content").val())
110
-
111
- $('#content').val('')
112
-
113
- has_content = if content.length > 0 then true else false
114
-
115
-
116
-
117
- picture = $('#picture')
118
-
119
- has_picture = if picture.get(0).files.length > 0 then true else false
120
-
121
-
122
-
123
- if has_content or has_picture
124
-
125
- if has_picture
126
-
127
- file_name = picture.get(0).files[0].name
128
-
129
- # ファイル読み込み用のreader生成
130
-
131
- reader = new FileReader()
132
-
133
- # Data URI Scheme文字列を取得するためのファイル読み込み
134
-
135
- reader.readAsDataURL picture.get(0).files[0]
136
-
137
- # readerが画像を読み込んだ後の処理
138
-
139
- reader.addEventListener "loadend", ->
140
-
141
- # reader.result部分が、読み込んだ画像のData URI Scheme文字列
142
-
143
- App.room.speak room_id, content, reader.result, file_name
144
-
145
- else
146
-
147
- App.room.speak room_id, content
148
-
149
-
150
-
151
- # 後続のイベントキャンセル
152
-
153
- # これが無いとエンターを押したあとに画面が一番上まで
154
-
155
- # スクロールしたりします。
156
-
157
- event.preventDefault()
158
-
159
- return false;
160
-
161
- else if event.$('#chat')
162
-
163
- room_id = window.location.href.match(/rooms\/(.+$)/)[1]
164
-
165
- # TODO: input textだとcontentでクリアされるがtextareaだとクリア出来ないため、一時手に30行目でクリアの実装をしているのが改善する必要がある。
166
-
167
- content = $.trim($("#content").val())
168
-
169
- $('#content').val('')
170
-
171
- has_content = if content.length > 0 then true else false
172
-
173
-
174
-
175
- picture = $('#picture')
176
-
177
- has_picture = if picture.get(0).files.length > 0 then true else false
178
-
179
-
180
-
181
- if has_content or has_picture
182
-
183
- if has_picture
184
-
185
- file_name = picture.get(0).files[0].name
186
-
187
- # ファイル読み込み用のreader生成
188
-
189
- reader = new FileReader()
190
-
191
- # Data URI Scheme文字列を取得するためのファイル読み込み
192
-
193
- reader.readAsDataURL picture.get(0).files[0]
194
-
195
- # readerが画像を読み込んだ後の処理
196
-
197
- reader.addEventListener "loadend", ->
198
-
199
- # reader.result部分が、読み込んだ画像のData URI Scheme文字列
200
-
201
- App.room.speak room_id, content, reader.result, file_name
202
-
203
- else
204
-
205
- App.room.speak room_id, content
206
-
207
-
208
-
209
- # 後続のイベントキャンセル
210
-
211
- # これが無いとエンターを押したあとに画面が一番上まで
212
-
213
- # スクロールしたりします。
214
-
215
- event.preventDefault()
216
-
217
- ```