-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
91 lines (84 loc) · 2.15 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<html>
<head>
<title>Socket IO test</title>
<style>
#chat{
height:500px;
}
</style>
</head>
<body>
<div id="usernameWrap">
<p>Enter username</p>
<form id='setUsername'>
<input size="35" id="username"></input>
<input size="35" id="password"></input>
<input type="submit"></input>
</form>
</div>
<div id="roomWrap">
<p>Enter room</p>
<form id='setRoom'>
<input size="35" id="room"></input>
<input type="submit"></input>
</form>
</div>
<div id="contentWrap">
<div id="chatWrap">
<div id="chat"></div>
<form id='send-message'>
<input size='35' id='message'></input>
<input type="submit"></input>
</form>
</div>
<div id="users"></div>
</div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script>
jQuery(function($) {
// var socket = io.connect('http://192.168.1.174:8080');
var socket = io.connect();
var $usernameForm = $('#setUsername');
var $usernameBox = $('#username');
var $passwordBox = $('#password');
var $roomForm = $('#setRoom');
var $roomBox = $('#room');
var $messageForm = $('#send-message');
var $messageBox = $('#message');
var $chat = $('#chat');
var $users = $('#users');
$usernameForm.submit(function (e) {
e.preventDefault();
var user = {'username' : $usernameBox.val(),
'password' : $passwordBox.val()
}
socket.emit('createAccount', user);
$('#usernameWrap').hide();
$('#contentWrap').show();
$usernameBox.val('');
});
$roomForm.submit(function (e) {
e.preventDefault();
socket.emit('join room', $roomBox.val());
$roomBox.val('');
});
socket.on('serverTyping', function (data) {
var usernames = '';
for (var i = 0; i < data.usernames.length; i++) {
usernames += data.usernames[i] + ", ";
}
usernames += " is typing";
$users.val(usernames);
});
$messageForm.submit(function (e) {
e.preventDefault();
socket.emit('clientMessage', {msg : $messageBox.val()});
$messageBox.val('');
});
socket.on('serverMessage', function(data) {
$chat.append("<b>" + data.username + "</b>" + " : " + data.msg + "<br/>");
});
});
</script>
</body>