tomcat-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From fha...@apache.org
Subject svn commit: r706726 - /tomcat/trunk/webapps/cometd/examples/simplechat/ticker.html
Date Tue, 21 Oct 2008 19:16:15 GMT
Author: fhanik
Date: Tue Oct 21 12:16:15 2008
New Revision: 706726

URL: http://svn.apache.org/viewvc?rev=706726&view=rev
Log:
improve the stock ticker example

Modified:
    tomcat/trunk/webapps/cometd/examples/simplechat/ticker.html

Modified: tomcat/trunk/webapps/cometd/examples/simplechat/ticker.html
URL: http://svn.apache.org/viewvc/tomcat/trunk/webapps/cometd/examples/simplechat/ticker.html?rev=706726&r1=706725&r2=706726&view=diff
==============================================================================
--- tomcat/trunk/webapps/cometd/examples/simplechat/ticker.html (original)
+++ tomcat/trunk/webapps/cometd/examples/simplechat/ticker.html Tue Oct 21 12:16:15 2008
@@ -3,6 +3,10 @@
 <head>
 <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" >
 <title>Bayeux Stock Ticker</title>
+<style>
+ .red{background-color: red;}
+ .white{background-color: white;}
+</style>
 <script type="text/javascript" src="../../dojo/dojo.js.uncompressed.js"></script>
 <script type="text/javascript" src="../../dojox/cometd.js"></script>
 <script type="text/javascript" src="../../dojox/cometd/_base.js"></script>
@@ -30,26 +34,6 @@
 });
 
 
-function trim(str) {
-    return str.replace(/(^\s+|\s+$)/g,'');
-}
-
-
-function clear() {
-  dojo.byId("msgtext").value = "";
-  dojo.byId("msgtext").focus();
-}
-
-
-function enterKeyHandler(e) {
-if (!e) e = window.event;
-   if (e.keyCode == 13) {
-      send(trim(dojo.byId("msgtext").value));
-      clear();
-   }
-
-}
-
 function subscribe(box, symbol) {
 	if (box.checked) {
 		dojox.cometd.subscribe("/stock/"+symbol, onMsgEvent);
@@ -90,6 +74,19 @@
    changelabel.value = pricechange;
    pricenode.appendChild(pricelabel);
    changenode.appendChild(changelabel);
+
+   var table = dojo.byId("stocktable");  
+   var rows = table.getElementsByTagName("tr");  
+   for(i = 0; i < rows.length; i++){
+	   rows[i].bgColor = "white"; 
+   }          
+   //manipulate rows 
+   var rowCurrent = dojo.byId("row."+symbol);
+   if (pricechange<=0) {
+       rowCurrent.bgColor = "red";
+   } else {
+	   rowCurrent.bgColor = "cyan";
+   }
 }
 
 
@@ -99,29 +96,29 @@
 <h1 align="center">Bayeux Stock Ticker</h1>
 <h2 align="left"> &nbsp;</h2>
 <p>
-<table cellspacing="0" cellpadding="3" width="100%" align="center" border="0">
-  <tr>
+<table id="stocktable" cellspacing="0" cellpadding="3" width="100%" align="center" border="0">
+  <tr id="row.HEADER">
     <td>SYMBOL</td>
     <td>PRICE</td>
     <td>LAST CHANGE</td>
     <td>SUBSCRIBE</td></tr>
-  <tr>
+  <tr id="row.SPRG">
     <td>SPRG</td>
     <td id="price.SPRG"></td>
     <td id="change.SPRG"></td>
-    <td id="check.SPRG"><input type="checkbox" id="check.SPRG" checked></td>
+    <td id="check.SPRG"><input type="checkbox" id="check.SPRG" checked onClick="subscribe(this,'SPRG')"></td>
   </tr>
-  <tr>
+  <tr id="row.GOOG">
     <td>GOOG</td>
     <td id="price.GOOG"></td>
     <td id="change.GOOG"></td>
-    <td id="check.GOOG"><input type="checkbox" id="check.GOOG" checked></td>
+    <td id="check.GOOG"><input type="checkbox" id="check.GOOG" checked  onClick="subscribe(this,'GOOG')"></td>
   </tr>
-  <tr>
+  <tr id="row.YHOO">
     <td>YHOO</td>
     <td id="price.YHOO"></td>
     <td id="change.YHOO"></td>
-    <td id="check.YHOO"><input type="checkbox" id="check.GOOG" checked></td>
+    <td id="check.YHOO"><input type="checkbox" id="check.GOOG" checked  onClick="subscribe(this,'YHOO')"></td>
   </tr>
 </table>
 </p>



---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@tomcat.apache.org
For additional commands, e-mail: dev-help@tomcat.apache.org


Mime
View raw message