-
Notifications
You must be signed in to change notification settings - Fork 0
/
workin_soc_web.php
94 lines (74 loc) · 1.88 KB
/
workin_soc_web.php
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
92
93
94
<!DOCTYPE html>
<html>
<head>
<title>web</title>
<script src="../jquery.min.js"></script>
</head>
<body>
<div id="msg"></div>
<input type="text" name="name" id="name">
<input type="text" name="name" id="message">
<button type="button" id="send-message">btn</button>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
var wsUri = "ws://127.0.0.1:9000/a_A_SARA/new_socket/soc2.php";
websocket = new WebSocket(wsUri);
var div = $("#msg");
websocket.onopen = function(ev) { // connection is open
var roc = JSON.parse(ev);
if(roc.message != '')
{
div.append(roc.message);
}else
{
div.append(roc);
}
console.log('a '+ev.data);
}
websocket.onmessage = function(ev) {
div.append(ev.data);
console.log('b '+ev.data);
};
websocket.onerror = function(ev){
div.append(ev.data);
console.log('c '+ev.data);
};
websocket.onclose = function(ev){
console.log('d '+ev.data);
div.append(ev.data);
};
//Message send button
$('#send-message').click(function(){
send_message();
});
//User hits enter key
$( "#message" ).on( "keydown", function( event ) {
if(event.which==13){
send_message();
}
});
//Send message
function send_message(){
var message_input = $('#message'); //user message text
var name_input = $('#name'); //user name
if(message_input.val() == ""){ //empty name?
alert("Enter your Name please!");
return;
}
if(message_input.val() == ""){ //emtpy message?
alert("Enter Some message Please!");
return;
}
//prepare json data
var msg = {
message: message_input.val(),
name: name_input.val(),
};
//convert and send data to server
websocket.send(JSON.stringify(msg));
message_input.val(''); //reset message input
}
});
</script>