-
Notifications
You must be signed in to change notification settings - Fork 0
/
example.html
139 lines (126 loc) · 3.72 KB
/
example.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Node.js Notificador</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script src="http:https://192.168.0.75:6969/socket.io/socket.io.js">
</script>
<style>
body{
color: #333;
background: #333;
font-family: "Helvetica", Arial;
font-size: 48px;
text-align: center;
}
form
{
background: #CCC;
border-radius: 1em;
box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
text-shadow: 5px 5px 5px rgba(0,0,0,0.5);
margin: 1em auto;
padding: 1em;
width: 40%;
}
form input
{
display: block;
font-size: 40px;
margin: 1em auto;
padding: 0.5em;
width: 70%;
}
</style>
<script>
function var_dump(data,addwhitespace,safety,level) {
var rtrn = '';
var dt,it,spaces = '';
if(!level) {level = 1;}
for(var i=0; i<level; i++) {
spaces += ' ';
}//end for i<level
if(typeof(data) != 'object') {
dt = data;
if(typeof(data) == 'string') {
if(addwhitespace == 'html') {
dt = dt.replace(/&/g,'&');
dt = dt.replace(/>/g,'>');
dt = dt.replace(/</g,'<');
}//end if addwhitespace == html
dt = dt.replace(/\"/g,'\"');
dt = '"' + dt + '"';
}//end if typeof == string
if(typeof(data) == 'function' && addwhitespace) {
dt = new String(dt).replace(/\n/g,"\n"+spaces);
if(addwhitespace == 'html') {
dt = dt.replace(/&/g,'&');
dt = dt.replace(/>/g,'>');
dt = dt.replace(/</g,'<');
}//end if addwhitespace == html
}//end if typeof == function
if(typeof(data) == 'undefined') {
dt = 'undefined';
}//end if typeof == undefined
if(addwhitespace == 'html') {
if(typeof(dt) != 'string') {
dt = new String(dt);
}//end typeof != string
dt = dt.replace(/ /g," ").replace(/\n/g,"<br>");
}//end if addwhitespace == html
return dt;
}//end if typeof != object && != array
for (var x in data) {
if(safety && (level > safety)) {
dt = '*RECURSION*';
} else {
try {
dt = var_dump(data[x],addwhitespace,safety,level+1);
} catch (e) {continue;}
}//end if-else level > safety
it = var_dump(x,addwhitespace,safety,level+1);
rtrn += it + ':' + dt + ',';
if(addwhitespace) {
rtrn += '\n'+spaces;
}//end if addwhitespace
}//end for...in
if(addwhitespace) {
rtrn = '{\n' + spaces + rtrn.substr(0,rtrn.length-(2+(level*3))) + '\n' + spaces.substr(0,spaces.length-3) + '}';
} else {
rtrn = '{' + rtrn.substr(0,rtrn.length-1) + '}';
}//end if-else addwhitespace
if(addwhitespace == 'html') {
rtrn = rtrn.replace(/ /g," ").replace(/\n/g,"<br>");
}//end if addwhitespace == html
return rtrn;
}
var websocket = io.connect("http:https://192.168.0.75:6969");
$(document).on("ready", open_ws);
function open_ws()
{
websocket.on("ws_getData", getMessage);
//$("#formulario").on("submit",sendMessage);
}
function sendMessage(e)
{
e.preventDefault();
websocket.emit("new_message", $("#nombre").val() );
$("#nombre").fadeOut();
}
function getMessage(data)
{
$("#formulario label").text(data.name);
}
</script>
</head>
<body>
<form id="formulario">
<label>¿Cual es tu nombre?</label>
<input type="text" maxlength="10" id="nombre"
placeholder="Tu nombre completo"
required />
</form>
</body>
</html>