-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
43 lines (42 loc) · 4.36 KB
/
index.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
<!doctype html>
<html>
<head>
<link href="data:image/png;base64,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" rel="icon" type="image/x-icon" />
<title>CEC</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font: 13px Helvetica, Arial; }
form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
form input { border: 0; padding: 10px; width: 85%; margin-right: .5%; }
form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
#messages { list-style-type: none; margin: 2%; padding: 2%; height:80%; }
#messages li { padding: 10px 10px; }
#messages li:nth-child(odd) { background: #eee; }
</style>
</head>
<body>
<ul id="messages"></ul>
<form action="">
<input id="m" autocomplete="off" placeholder="AI/Computational Engine" /><button>Send</button>
<input id="m1" autocomplete="off" placeholder="Chat"/><button>Send</button>
</form>
</body>
<script src="/socket.io/socket.io.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script>
var socket = io();
$('form').submit(function(){
socket.emit('chat message', $('#m').val());
$('#m').val('');
socket.emit('chat message1', $('#m1').val());
$('#m1').val('');
return false;
});
socket.on('chat message', function(msg){
$('#messages').append($('<li>').text(msg));
});
socket.on('chat message1', function(msg){
$('#messages').append($('<li>').text(msg));
});
</script>
</html>