RFID/www/rfid.html

<html>
<head>
<title>3M RFID</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style type="text/css">
.status {
        background: #ff8;
}

.da {
        background: #fcc;
}

.d7 {
        background: #cfc;
}

label[for=pull-reader] {
        position: absolute;
        top: 1em;
        right: 1em;
        background: #eee;
}

</style>
<script type="text/javascript">

function got_visible_tags(data,textStatus) {
        var html = 'No tags in range';
        if ( data.tags ) {
                html = '<ul class="tags">';
                $.each(data.tags, function(i,tag) {
                        console.debug( i, tag );
                        html += '<li class=' + tag.security + '><tt>' + tag.sid + ' ' + tag.content + '</tt>';
                });
                html += '</ul>';
        }
        html = '<div class=status>'
                + textStatus
                + '##########'.substr(0,data.time % 10)
                + '</div>'
                + html
                ;
        $('#tags').html( html );
        window.setTimeout(function(){
                scan_tags();
        },200); // re-scan every 200ms
};

function scan_tags() {
        console.info('scan_tags');
        if ( $('input#pull-reader').attr('checked') )
                $.getJSON("http://localhost:9000/scan?callback=?", got_visible_tags);
}

$(document).ready(function() {
                $('input#pull-reader').click( function() {
                        scan_tags();
                });
                $('input#pull-reader').attr('checked', true); // force check on load
                scan_tags();
});
</script>
</head>
<body>

<h1>RFID tags in range</h1>

<label for=pull-reader>
<input id=pull-reader type=checkbox checked=1>
active
</label>

<div id="tags">
RFID reader not found or driver program not started.
</div>

</body>
</html>
1	dpavlin	47	<html>
2			<head>
3			<title>3M RFID</title>
4			<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
5	dpavlin	52	<style type="text/css">
6			.status {
7			background: #ff8;
8			}
9	dpavlin	54
10			.da {
11			background: #fcc;
12			}
13
14			.d7 {
15			background: #cfc;
16			}
17	dpavlin	57
18			label[for=pull-reader] {
19			position: absolute;
20			top: 1em;
21			right: 1em;
22			background: #eee;
23			}
24
25	dpavlin	52	</style>
26	dpavlin	47	<script type="text/javascript">
27
28	dpavlin	55	function got_visible_tags(data,textStatus) {
29			var html = 'No tags in range';
30			if ( data.tags ) {
31			html = '<ul class="tags">';
32			$.each(data.tags, function(i,tag) {
33			console.debug( i, tag );
34			html += '<li class=' + tag.security + '><tt>' + tag.sid + ' ' + tag.content + '</tt>';
35			});
36			html += '</ul>';
37			}
38			html = '<div class=status>'
39			+ textStatus
40			+ '##########'.substr(0,data.time % 10)
41			+ '</div>'
42			+ html
43			;
44			$('#tags').html( html );
45			window.setTimeout(function(){
46			scan_tags();
47			},200); // re-scan every 200ms
48			};
49
50	dpavlin	47	function scan_tags() {
51			console.info('scan_tags');
52	dpavlin	57	if ( $('input#pull-reader').attr('checked') )
53			$.getJSON("http://localhost:9000/scan?callback=?", got_visible_tags);
54	dpavlin	47	}
55
56			$(document).ready(function() {
57	dpavlin	57	$('input#pull-reader').click( function() {
58			scan_tags();
59			});
60			$('input#pull-reader').attr('checked', true); // force check on load
61	dpavlin	47	scan_tags();
62			});
63			</script>
64			</head>
65			<body>
66
67			<h1>RFID tags in range</h1>
68
69	dpavlin	57	<label for=pull-reader>
70			<input id=pull-reader type=checkbox checked=1>
71			active
72			</label>
73
74	dpavlin	47	<div id="tags">
75			RFID reader not found or driver program not started.
76			</div>
77
78			</body>
79			</html>