diff options
Diffstat (limited to '')
| -rw-r--r-- | sca-java-2.x/contrib/samples/stock-comet/src/main/webapp/index.html | 53 |
1 files changed, 39 insertions, 14 deletions
diff --git a/sca-java-2.x/contrib/samples/stock-comet/src/main/webapp/index.html b/sca-java-2.x/contrib/samples/stock-comet/src/main/webapp/index.html index 0aa3e7c820..816038d0e9 100644 --- a/sca-java-2.x/contrib/samples/stock-comet/src/main/webapp/index.html +++ b/sca-java-2.x/contrib/samples/stock-comet/src/main/webapp/index.html @@ -18,34 +18,59 @@ --> <html> <head> - <title>Apache Tuscany Asynchronous Servlet Sample</title> - <script type="text/javascript" src="js/prototype.js"></script> + <title>Apache Tuscany Comet Sample</title> + <script type="text/javascript" src="js/jquery-1.4.2.js"></script> + <script type="text/javascript" src="js/jquery.atmosphere.js"></script> <script type="text/javascript"> - function update(data) { - var aux = data.split('#'); + $(document).ready(function() + { + var connectedEndpoint; + + function update(response) { + var data = response.responseBody; + var aux = data.toString().split('#'); document.getElementById('symbol').textContent = aux[0]; document.getElementById('price').textContent = aux[1]; } - - function getQuotes() { - new Ajax.Request('test/StockService/getQuotes'); + + document.getElementById('connect').onclick = function(event) { + /* transport can be : long-polling, streaming or websocket */ + $.atmosphere.subscribe(document.location.toString() + 'test/StockService/getQuotes', + update, + $.atmosphere.request = {transport: document.getElementById('transport').value}); + connectedEndpoint = $.atmosphere.response; + + document.getElementById('connect').disabled = true; + document.getElementById('transport').disabled = true; + document.getElementById('get-values').disabled = false; } - - Event.observe(document, 'DOMContentLoaded', function(e) { - $('comet').src='test/StockService/getQuotes'; - }); + + document.getElementById('get-values').disabled = true; + document.getElementById('get-values').onclick = function(event) { + connectedEndpoint.push(document.location.toString() + 'test/StockService/getQuotes', + null, + $.atmosphere.request = {method: 'POST'}); + } + }); </script> </head> <body> - <h2>Apache Tuscany Asynchronous Servlet Sample</h2> + <h2>Apache Tuscany Comet Sample</h2> + <label>Select transport</label> + <select id="transport"> + <option id="streaming" value="streaming">http streaming</option> + <option id="long-polling" value="long-polling">long-polling</option> + <option id="websocket" value="websocket">websocket</option> + </select> + <input id='connect' type='submit' value='Connect'/> <h3>Stock Monitor</h3> - <button type="button" onclick="getQuotes()">Get values</button> + <input id='get-values' type="submit" value='Get values'/> + <p/> <div id='text'> <b><label>Company Symbol: </label></b> <span id="symbol">N/A</span> <b><label>Price: </label></b> <span id="price">N/A</span> </div> - <iframe id='comet' style="display:none"></iframe> </body> </html> |