]>
git.mar77i.info Git - hublib/blob - webroot/first/index.js
8cae34e6e39a60df7b28a53fafb70fe958de9d5a
6 common
.write(input_div
.previousSibling
, msg
);
9 function change_name_button(hub
) {
13 "event_click": function () {
14 setup_change_name(hub
);
18 btn
.append(document
.createTextNode("change name"));
22 function setup_chat(hub
) {
23 input_div
= common
.tag("div");
25 common
.input_with_keydown_event(
26 function (event
, target
, keycode
) {
27 if (keycode
!== "Enter" && keycode
!== "NumpadEnter") {
30 hub
.send(JSON
.stringify({"data": target
.value
}));
35 input_div
.append(document
.createTextNode(" "));
36 input_div
.append(change_name_button(hub
));
38 document
.body
.append(common
.tag("div"));
39 document
.body
.append(input_div
);
42 function setup_change_name(hub
) {
43 var div
= common
.tag("div");
44 div
.append(document
.createTextNode("Enter name: "));
46 common
.input_with_keydown_event(
47 function (event
, target
, keycode
) {
48 if (keycode
!== "Enter" && keycode
!== "NumpadEnter") {
51 if (input_div
.childNodes
[0] !== input_div
.children
[0]) {
52 input_div
.childNodes
[0].remove();
54 input_div
.insertBefore(
55 document
.createTextNode(target
.value
+ " "), input_div
.children
[0]
57 hub
.send(JSON
.stringify({"action": "set_name", "name": target
.value
}));
59 input_div
.style
.display
= "";
60 input_div
.children
[0].focus();
64 document
.body
.append(div
);
65 input_div
.style
.display
= "none";
66 div
.children
[0].focus();
71 write("connected to " + ws_uri
);
72 setup_change_name(this);
76 write("connection lost");
80 function message(msg
) {
81 var obj
= JSON
.parse(msg
.data
);
82 if (obj
.action
=== "join" || obj
.action
=== "leave") {
83 write("[action]: " + obj
.name
+ " " + obj
.action
+ "s");
84 } else if (obj
.action
== "set_name") {
91 } else if (obj
.hasOwnProperty("data")) {
92 write(obj
.name
+ ": " + obj
.data
);
96 common
.setup(function () {new common
.HubClient(ws_uri
, open
, close
, message
)});