forked from P-Space/infoscreen
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmini.html
120 lines (113 loc) · 2.48 KB
/
mini.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
<html>
<head>
<style type="text/css">
#mydiv
{
color:white;
background-color: green;
text-align:center;
font-size:20px;
font-family:"Courrier New";
vertical-align:"left";
}
#mydiv2
{
color:white;
background-color: blue;
text-align:center;
font-size:10px;
font-family:"Courrier New";
vertical-align:"left";
}
#wtf
{
width:50%;
height:150px;
background-color:blue;
}
/*p {margin-left:20px;}*/
/*body {background-image:url("images/back40.gif");}*/
iframe {
-moz-transform: scale(3, 3);
-webkit-transform: scale(3, 3);
-o-transform: scale(3, 3);
-ms-transform: scale(3, 3);
transform: scale(3, 3);
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
width:208px;
height:170px;
}
</style>
</head>
<body>
<script src="jquery-1.7.1.js"></script>
<script src="jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript">
<!--
var xmlhttp,last, last2, old, old2;
old="0";
old2="0";
function loadXMLDoc(url,cfunc)
{
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
function myFunction()
{
$.get('index.php?limit=1&nostyle&nobutton', function(data) {
last = data;
if (last!=old)
{
old=last;
}
});
}
function myFunction2()
{
$.get('mpd-report.php', function(data) {
last2 = data;
if (last2!=old2)
{
old2=last2;
// alert(old);
$("#song").html(old2);
$( "#mydiv2" ).toggle("blind",{}, 1000 ).delay(45000).toggle("blind",{}, 1000 );
}
});
}
</script>
<!-- <script>
$(document).ready(function(){
$("#mydiv").click(function(event){
event.preventDefault();
$(this).show("slow");
});
});
</script> -->
<script type="text/javascript">
$(document).ready(function(){
// $("#testing").draggable().width("0px").height("0px");
// $("#testing").width("100px").height("100px");
//$(".dropdown").hide().height("1.4em").delay(5000);
// $("#mydiv").draggable();
setInterval ("myFunction()", 500);
setInterval ("myFunction2()", 500);
});
// myFunction();
</script>
<style type="text/css">#testing { background-color: silver; }</style>
<!-- <div id="testing">Drag Me!
</div> -->
<div width="200px">
<div id="mydiv" width=100% height=0px class="dropdown"><span id="username"></span> entered!</div>
<div id="mydiv2" width=100% height=0px class="dropdown"><span id="song"></span></div>
<!-- <div id="wtf">Bla!</div> -->
</div>
</body>
</html>