teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

書式の修正

2018/11/14 08:40

投稿

babylily4
babylily4

スコア13

title CHANGED
File without changes
body CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  ```html
11
11
  <form>
12
- <input type="text" name="text_field" value="ここに入力して「送信」ボタンを押してください." />
12
+ <input type="text" name="text_field" value=テキストフィールド." />
13
13
  <input type="button" name="send_button" value="送信" onclick="sendMessage(this.form.elements['text_field'].value)" />
14
14
  </form>
15
15
  ```

1

書式の修正

2018/11/14 08:40

投稿

babylily4
babylily4

スコア13

title CHANGED
File without changes
body CHANGED
@@ -3,7 +3,25 @@
3
3
  下記のjsのコードの意味をなるべく分かり易く教えて頂きたいです。
4
4
  よろしくお願い致します。
5
5
 
6
+ websocketでのテキストメッセージのやり取りをする際のjsのコードです。
7
+ サーバにはtornadoを使用します。
8
+
9
+
10
+ ```html
11
+ <form>
12
+ <input type="text" name="text_field" value="ここに入力して「送信」ボタンを押してください." />
13
+ <input type="button" name="send_button" value="送信" onclick="sendMessage(this.form.elements['text_field'].value)" />
14
+ </form>
15
+ ```
16
+
17
+
18
+ ブラウザにメッセージ送信ボタンを設置して、そのボタンを押すとサーバにメッセージが送られ、クライアントに返される(?)仕組みです。
19
+ (すみません、私自身よくわかっていない部分が多いです)
20
+
21
+
22
+ ```Javascript
6
23
  window.sendMessage = function(sendingMessage){
7
24
  if(window.webSocket != null)
8
25
  window.webSocket.send(sendingMessage);
9
- }
26
+ }
27
+ ```