-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprimer09.html
48 lines (34 loc) · 1.5 KB
/
primer09.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
<!DOCTYPE html>
<meta charset = utf8>
<html>
<head>
<title>Primer s tipko, funkcija protiodboja</title>
</head>
<body>
<div id="divZaIzpis"></div>
<br>
<script type="text/javascript" src="/socket.io/socket.io.js"></script>
<script type="text/javascript">
"use strict"; // za uporabo razredov ("class")
var divZaIzpis = document.getElementById("divZaIzpis");
// spremenljivka za izpis sporočil
var številoVrsticPredPomikom = 10; // število vrstic, ki jih bomo izpisali pred pomikom
var števecIzpisanihVrstic = 0;
function log(sporočilo) {
var node=document.createElement("tr"); // ustvarimo spremenljivko "node" kot vrstico v tabeli ("tr")
var textnode=document.createTextNode(števecIzpisanihVrstic + " | " + sporočilo); // ustvarimo element s števcem
node.appendChild(textnode); // dodamo besedilo k spremenljivki "node", t.j. vrstico tabele
divZaIzpis.insertBefore(node, divZaIzpis.childNodes[0]); // vstavimo v spremenljivko "node"
if (števecIzpisanihVrstic > številoVrsticPredPomikom-1) { // če je vrstic več kot limita -> pričnemo s pomikom ("scroll")
divZaIzpis.removeChild(divZaIzpis.childNodes[številoVrsticPredPomikom]); // odstranimo najstarejši izpis
}
števecIzpisanihVrstic++; // povečamo števec izpisov
}
log("Pritisnite tipko na vezju");
var socket = io.connect("192.168.1.106:8080"); // povezava preko vtičnika
socket.on("sporočiloKlientu", function (sporočilo){
log(sporočilo); // dodamo sporočilo
});
</script>
</body>
</html>