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>