projects / tomcat7.0 / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 9c95b62)
improve the stock ticker example
authorfhanik <fhanik@13f79535-47bb-0310-9956-ffa450edef68>
Tue, 21 Oct 2008 19:16:15 +0000 (19:16 +0000)
committerfhanik <fhanik@13f79535-47bb-0310-9956-ffa450edef68>
Tue, 21 Oct 2008 19:16:15 +0000 (19:16 +0000)
git-svn-id: https://svn.apache.org/repos/asf/tomcat/trunk@706726 13f79535-47bb-0310-9956-ffa450edef68

webapps/cometd/examples/simplechat/ticker.html patch | blob | history

diff --git a/webapps/cometd/examples/simplechat/ticker.html b/webapps/cometd/examples/simplechat/ticker.html
index 235b6e4..993e018 100644 (file)
--- a/webapps/cometd/examples/simplechat/ticker.html
+++ b/webapps/cometd/examples/simplechat/ticker.html
@@ -3,6 +3,10 @@
 <head>\r
 <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" >\r
 <title>Bayeux Stock Ticker</title>\r
+<style>\r
+ .red{background-color: red;}\r
+ .white{background-color: white;}\r
+</style>\r
 <script type="text/javascript" src="../../dojo/dojo.js.uncompressed.js"></script>\r
 <script type="text/javascript" src="../../dojox/cometd.js"></script>\r
 <script type="text/javascript" src="../../dojox/cometd/_base.js"></script>\r
@@ -30,26 +34,6 @@ dojo.addOnLoad(function() {
 });\r
 \r
 \r
-function trim(str) {\r
-    return str.replace(/(^\s+|\s+$)/g,'');\r
-}\r
-\r
-\r
-function clear() {\r
-  dojo.byId("msgtext").value = "";\r
-  dojo.byId("msgtext").focus();\r
-}\r
-\r
-\r
-function enterKeyHandler(e) {\r
-if (!e) e = window.event;\r
-   if (e.keyCode == 13) {\r
-      send(trim(dojo.byId("msgtext").value));\r
-      clear();\r
-   }\r
-\r
-}\r
-\r
 function subscribe(box, symbol) {\r
        if (box.checked) {\r
                dojox.cometd.subscribe("/stock/"+symbol, onMsgEvent);\r
@@ -90,6 +74,19 @@ function onMsgEvent(event) {
    changelabel.value = pricechange;\r
    pricenode.appendChild(pricelabel);\r
    changenode.appendChild(changelabel);\r
+\r
+   var table = dojo.byId("stocktable");  \r
+   var rows = table.getElementsByTagName("tr");  \r
+   for(i = 0; i < rows.length; i++){\r
+          rows[i].bgColor = "white"; \r
+   }          \r
+   //manipulate rows \r
+   var rowCurrent = dojo.byId("row."+symbol);\r
+   if (pricechange<=0) {\r
+       rowCurrent.bgColor = "red";\r
+   } else {\r
+          rowCurrent.bgColor = "cyan";\r
+   }\r
 }\r
 \r
 \r
@@ -99,29 +96,29 @@ function onMsgEvent(event) {
 <h1 align="center">Bayeux Stock Ticker</h1>\r
 <h2 align="left"> &nbsp;</h2>\r
 <p>\r
-<table cellspacing="0" cellpadding="3" width="100%" align="center" border="0">\r
-  <tr>\r
+<table id="stocktable" cellspacing="0" cellpadding="3" width="100%" align="center" border="0">\r
+  <tr id="row.HEADER">\r
     <td>SYMBOL</td>\r
     <td>PRICE</td>\r
     <td>LAST CHANGE</td>\r
     <td>SUBSCRIBE</td></tr>\r
-  <tr>\r
+  <tr id="row.SPRG">\r
     <td>SPRG</td>\r
     <td id="price.SPRG"></td>\r
     <td id="change.SPRG"></td>\r
-    <td id="check.SPRG"><input type="checkbox" id="check.SPRG" checked></td>\r
+    <td id="check.SPRG"><input type="checkbox" id="check.SPRG" checked onClick="subscribe(this,'SPRG')"></td>\r
   </tr>\r
-  <tr>\r
+  <tr id="row.GOOG">\r
     <td>GOOG</td>\r
     <td id="price.GOOG"></td>\r
     <td id="change.GOOG"></td>\r
-    <td id="check.GOOG"><input type="checkbox" id="check.GOOG" checked></td>\r
+    <td id="check.GOOG"><input type="checkbox" id="check.GOOG" checked  onClick="subscribe(this,'GOOG')"></td>\r
   </tr>\r
-  <tr>\r
+  <tr id="row.YHOO">\r
     <td>YHOO</td>\r
     <td id="price.YHOO"></td>\r
     <td id="change.YHOO"></td>\r
-    <td id="check.YHOO"><input type="checkbox" id="check.GOOG" checked></td>\r
+    <td id="check.YHOO"><input type="checkbox" id="check.GOOG" checked  onClick="subscribe(this,'YHOO')"></td>\r
   </tr>\r
 </table>\r
 </p>\r
Unnamed repository; edit this file to name it for gitweb.