質問編集履歴

1

全コードを記載しました。

2016/04/12 16:13

投稿

yahret45
yahret45

スコア41

test CHANGED
File without changes
test CHANGED
@@ -59,3 +59,97 @@
59
59
 
60
60
 
61
61
  =========================
62
+
63
+
64
+
65
+
66
+
67
+
68
+
69
+ ----------------------------------------------
70
+
71
+
72
+
73
+
74
+
75
+ <script>
76
+
77
+ //全て読み込んでから処理
78
+
79
+ $(function(){
80
+
81
+
82
+
83
+ //データストアを作成(データを送受信するために必要)
84
+
85
+ var milkcocoa = new MilkCocoa('flagimsrjhlt.mlkcca.com'); //※ID自分のに変えてね!!
86
+
87
+ //データベースストア:オブジェクト生成
88
+
89
+ var chatDataStore = milkcocoa.dataStore("chat"); //アプリ名指定
90
+
91
+
92
+
93
+ //送信処理(ボタンをクリック)
94
+
95
+ $("#button").on("click",function(){
96
+
97
+ var text = $("#msg").val(); //入力文字を取得
98
+
99
+ var namecal = $("#name").val();
100
+
101
+ var date = $("#date").val();
102
+
103
+ //milkcocoa:send送信
104
+
105
+ chatDataStore.push({message:text},function(e){
106
+
107
+ $("#msg").val(""); //送信後、空っぽにする
108
+
109
+ });
110
+
111
+ });
112
+
113
+
114
+
115
+ //受信処理(send受信)
116
+
117
+ chatDataStore.on("push",function(data){
118
+
119
+ console.dir(data);
120
+
121
+ $("#board").append("<li>"+data.value.message+"<button id='button'>私も聞きたい!</button></li>");
122
+
123
+ });
124
+
125
+
126
+
127
+ });
128
+
129
+ </script>
130
+
131
+
132
+
133
+
134
+
135
+ </head>
136
+
137
+ <body>
138
+
139
+ <div class="center">
140
+
141
+ <textarea id="msg" cols="50" rows="7"></textarea>
142
+
143
+ <button id="button">メッセージ送信</button>
144
+
145
+ <ul id="board">
146
+
147
+ <li id="sample" onclick="addElement()">click me</li>
148
+
149
+ </ul>
150
+
151
+ </ul>
152
+
153
+ </div>
154
+
155
+ </body>