diff options
Diffstat (limited to 'examples/clock/src/toppage_handler.erl')
-rw-r--r-- | examples/clock/src/toppage_handler.erl | 48 |
1 files changed, 32 insertions, 16 deletions
diff --git a/examples/clock/src/toppage_handler.erl b/examples/clock/src/toppage_handler.erl index ee482a6..b9c6504 100644 --- a/examples/clock/src/toppage_handler.erl +++ b/examples/clock/src/toppage_handler.erl @@ -20,8 +20,14 @@ handle(Req, State) -> </head> <body> - <p>Connection status: <span id=\"status\">bullet not started</span></p> - <p>Current time: <span id=\"time\">unknown</span></p> + <p>Current time (best source): <span id=\"time_best\">unknown</span> + <span> </span><span id=\"status_best\">unknown</span></p> + <p>Current time (websocket only): <span id=\"time_websocket\">unknown</span> + <span> </span><span id=\"status_websocket\">unknown</span></p> + <p>Current time (eventsource only): <span id=\"time_eventsource\">unknown</span> + <span> </span><span id=\"status_eventsource\">unknown</span></p> + <p>Current time (polling only): <span id=\"time_polling\">unknown</span> + <span> </span><span id=\"status_polling\">unknown</span></p> <script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js\"> @@ -30,22 +36,32 @@ handle(Req, State) -> <script type=\"text/javascript\"> // <![CDATA[ $(document).ready(function(){ - var bullet = $.bullet('ws://localhost:8080/bullet'); - bullet.onopen = function(){ - $('#status').text('online'); - }; - bullet.ondisconnect = function(){ - $('#status').text('offline'); - }; - bullet.onmessage = function(e){ - if (e.data != 'pong'){ - $('#time').text(e.data); + var start = function(name, options) { + var bullet = $.bullet('ws://localhost:8080/bullet', options); + bullet.onopen = function(){ + $('#status_' + name).text('online'); + }; + bullet.ondisconnect = function(){ + $('#status_' + name).text('offline'); + }; + bullet.onmessage = function(e){ + if (e.data != 'pong'){ + $('#time_' + name).text(e.data); + } + }; + bullet.onheartbeat = function(){ + console.log('ping: ' + name); + bullet.send('ping'); } }; - bullet.onheartbeat = function(){ - console.log('ping'); - bullet.send('ping'); - } + + start('best', {}); + start('websocket', {'disableEventSource': true, + 'disableXHRPolling': true}); + start('eventsource', {'disableWebSocket': true, + 'disableXHRPolling': true}); + start('polling', {'disableWebSocket': true, + 'disableEventSource': true}); }); // ]]> </script> |