--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/front_idill/extern/fajran-tuiojs/connector/stomp/index.html Fri Apr 06 18:32:13 2012 +0200
@@ -0,0 +1,80 @@
+<html><head>
+<style type="text/css">
+.box {
+ position: absolute;
+ top: 100px;
+ left: 100px;
+ width: 20px;
+ height: 20px;
+ background: blue;
+}
+</style>
+<script type="text/javascript" src="jquery.js"></script>
+<script type="text/javascript" src="/static/Orbited.js"></script>
+<script type="text/javascript">
+
+TCPSocket = Orbited.TCPSocket;
+</script>
+<script type="text/javascript" src="/static/protocols/stomp/stomp.js"></script>
+<script type="text/javascript">
+
+var sc;
+
+function process(data) {
+ var type = data[0];
+ var action = data[1];
+ var id = parseInt(data[2]);
+ var x = parseInt(parseFloat(data[3]) * window.innerWidth);
+ var y = parseInt(parseFloat(data[4]) * window.innerHeight);
+ console.log(action);
+ if (action == "U") {
+ $('#b'+id).css({'top': y+"px", 'left': x+"px"});
+ }
+ else if (action == "N") {
+ console.log("new");
+ $('#container').append('<div class="box" id="b' + id + '"></div>');
+ $('#b'+id).css({'top': y+"px", 'left': x+"px"});
+ }
+ else if (action == "R") {
+ console.log("remove");
+ $('#b'+id).remove();
+ }
+}
+
+onload = function() {
+ console.log('onload');
+ sc = new STOMPClient();
+ sc.onopen = function() {
+ console.log("[stomp] open");
+ }
+ sc.onclose = function(code) {
+ console.log("[stomp] close: code=" + code);
+ }
+ sc.onerror = function(err) {
+ console.log("[stomp] error: " + err);
+ }
+ sc.onerrorframe = function(frame) {
+ console.log("[stomp] frame error: " + frame.body);
+ }
+ sc.onconnectedframe = function() {
+ console.log("[stomp] connected");
+ sc.subscribe('/topic/home', {exchange:''});
+ }
+ sc.onmessageframe = function(frame) {
+ console.log(frame.body);
+ process(frame.body.split(" "));
+ }
+ console.log('aa');
+ setTimeout(function() {
+ sc.connect('localhost', 61613, 'guest', 'guest');
+ }, 10);
+};
+onunload = function() {
+ sc.reset();
+}
+
+</script>
+</head><body>
+<div id="container">
+</div>
+</body></html>