Thread: [Struts-cvs] ajaxchat index.jsp,1.1,1.2 lobby.jsp,1.1,1.2 room.jsp,1.1,1.2

SourceForge Headquarters 225 Broadway Suite 1600 San Diego, CA 92101 +1 (858) 422-6466

Update of /cvsroot/struts/ajaxchat
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv13448

Modified Files:
	index.jsp lobby.jsp room.jsp 
Log Message:


Index: index.jsp
===================================================================
RCS file: /cvsroot/struts/ajaxchat/index.jsp,v
retrieving revision 1.1
retrieving revision 1.2
diff -C2 -d -r1.1 -r1.2
*** index.jsp	29 Nov 2005 23:08:30 -0000	1.1
--- index.jsp	30 Nov 2005 22:04:28 -0000	1.2
***************
*** 14,20 ****
--- 14,28 ----
  </head>
  
+ <!-- Note that inline styles are used here to overcome some problem that was -->
+ <!-- beating me where the stylesheet linked in here wouldn't get picked up. -->
+ <!-- It would happen when deployed on Resin, but also started to happen when -->
+ <!-- viewing the app with Firefox running locally on Tomcat.  I have no clue -->
+ <!-- why it was happening, and if it is ever solved then the inline styles -->
+ <!-- should be removed in favor of the linked in stylesheet. -->
+ 
  <body class="cssMain" onLoad="LoginActionForm.username.focus();">
  
    <div class="cssHeading"><fmt:message key="messages.appTitle" /></div>
+   <div class="cssAppVersion"><fmt:message key="app.version" /></div>
    <hr/><br/>
  

Index: lobby.jsp
===================================================================
RCS file: /cvsroot/struts/ajaxchat/lobby.jsp,v
retrieving revision 1.1
retrieving revision 1.2
diff -C2 -d -r1.1 -r1.2
*** lobby.jsp	29 Nov 2005 23:08:30 -0000	1.1
--- lobby.jsp	30 Nov 2005 22:04:28 -0000	1.2
***************
*** 67,70 ****
--- 67,71 ----
        if (xhrLobbyUpdateStats == null || xhrLobbyUpdateStats.readyState == 0 ||
          xhrLobbyUpdateStats.readyState == 4) {
+         // Create XMLHttpRequest object instance based on browser type.
          try {
            if (window.XMLHttpRequest){
***************
*** 73,78 ****
--- 74,83 ----
              xhrLobbyUpdateStats = new ActiveXObject('Microsoft.XMLHTTP');
            }
+           // Set the Javascript function that will act as a callback for
+           // any events the instance fires.
            xhrLobbyUpdateStats.onreadystatechange = lobbyUpdateStatsHandler;
+           // Set the target URI for the request.
            target = "<html:rewrite action="ajaxLobbyUpdateStats" />";
+           // One minor problem that
            if (sendAJAXRequest) {
              xhrLobbyUpdateStats.open("post", target, true);
***************
*** 129,132 ****
--- 134,138 ----
  
    <div class="cssHeading"><fmt:message key="messages.appTitle" /></div>
+   <div class="cssAppVersion"><fmt:message key="app.version" /></div>
    <hr/><br/>
  

Index: room.jsp
===================================================================
RCS file: /cvsroot/struts/ajaxchat/room.jsp,v
retrieving revision 1.1
retrieving revision 1.2
diff -C2 -d -r1.1 -r1.2
*** room.jsp	29 Nov 2005 23:08:30 -0000	1.1
--- room.jsp	30 Nov 2005 22:04:28 -0000	1.2
***************
*** 90,93 ****
--- 90,94 ----
        if (xhrListUsersInRoom == null || xhrListUsersInRoom.readyState == 0 ||
          xhrListUsersInRoom.readyState == 4) {
+         // Create XMLHttpRequest object instance based on browser type.
          try {
            if (window.XMLHttpRequest){
***************
*** 96,101 ****
--- 97,106 ----
              xhrListUsersInRoom = new ActiveXObject('Microsoft.XMLHTTP');
            }
+           // Set the Javascript function that will act as a callback for
+           // any events the instance fires.
            xhrListUsersInRoom.onreadystatechange = listUsersInRoomHandler;
+           // Set the target URI for the request.
            target = "<html:rewrite action="ajaxListUsersInRoom" />";
+           // Go ahead and fire off the request, no payload to send.
            xhrListUsersInRoom.open("post", target, true);
            xhrListUsersInRoom.send(null);
***************
*** 154,157 ****
--- 159,163 ----
        if (xhrGetMessages == null || xhrGetMessages.readyState == 0 ||
          xhrGetMessages.readyState == 4) {
+         // Create XMLHttpRequest object instance based on browser type.
          try {
            if (window.XMLHttpRequest){
***************
*** 160,165 ****
--- 166,175 ----
              xhrGetMessages = new ActiveXObject('Microsoft.XMLHTTP');
            }
+           // Set the Javascript function that will act as a callback for
+           // any events the instance fires.
            xhrGetMessages.onreadystatechange = getMessagesHandler;
+           // Set the target URI for the request.
            target = "<html:rewrite action="ajaxGetMessages" />";
+           // Go ahead and fire off the request, no payload to send.
            xhrGetMessages.open("post", target, true);
            xhrGetMessages.send(null);
***************
*** 186,189 ****
--- 196,202 ----
            root         = msgDOM.getElementsByTagName("messages")[0];
            messages     = root.getElementsByTagName("message");
+           // Now we're going to cycle through all the <message> elements in
+           // the returns XML and for each we'll pull out the pertinent details
+           // and construct HTML for it.
            for (i = 0; i < messages.length; i++) {
          	  message = messages[i];
***************
*** 218,222 ****
              }
            }
!           // Lastly, always scroll to the bottom
            objChatScroll.scrollTop = 1000000;
          } else {
--- 231,235 ----
              }
            }
!           // Lastly, always scroll to the bottom.
            objChatScroll.scrollTop = 1000000;
          } else {
***************
*** 249,256 ****
  
      /**
!      * This function trims whitespace from both ends of a string.
       */
      function fullTrim(inString) {
        return (inString.replace(/^\s*(.*\S|.*)\s*$/, '$1'));
      } // End fullTrim().
  
--- 262,271 ----
  
      /**
!      * Utility function to trim whitespace from both ends of a string.
       */
      function fullTrim(inString) {
+ 
        return (inString.replace(/^\s*(.*\S|.*)\s*$/, '$1'));
+ 
      } // End fullTrim().
  
***************
*** 265,270 ****
--- 280,287 ----
      function postMessage() {
  
+       // Only try and send if the user entered something.
        userInputText = document.getElementById("userInput");
        if (fullTrim(userInputText.value) != "") {
+         // Create XMLHttpRequest object instance based on browser type.
          if (window.XMLHttpRequest){
            xhrPostMessage = new XMLHttpRequest();
***************
*** 273,280 ****
--- 290,303 ----
          }
          try {
+           // Set the target URI for the request.
            target =  "<html:rewrite action="ajaxPostMessage" />";
            target += "?msgText=" + escape(userInputText.value);
+           // Go ahead and fire off the request, no payload to send.  Well,
+           // technically, the payload was appended to the URI as a query
+           // string.  In this case that was probably the easiest way to go.
            xhrPostMessage.open("post", target, true);
            xhrPostMessage.send(null);
+           // Some UI niceness: clear what was just sent and set focus to the
+           // user input box.
            userInputText.value = "";
            userInputText.focus();
***************
*** 287,291 ****
--- 310,320 ----
  
  
+     /**
+      * This function is called when the increase font size image is clicked.
+      * It's a simple client-side adjustment, simply setting the font-size
+      * style attribute of the chat scroll.
+      */
      function increaseChatScrollFontSize() {
+ 
        cs = document.getElementById("chatScroll");
        scrollChatFontSize = scrollChatFontSize + 2;
***************
*** 294,301 ****
--- 323,337 ----
        }
        cs.style.fontSize = scrollChatFontSize + "pt";
+ 
      }
  
  
+     /**
+      * This function is called when the decrease font size image is clicked.
+      * It's a simple client-side adjustment, simply setting the font-size
+      * style attribute of the chat scroll.
+      */
      function decreaseChatScrollFontSize() {
+ 
        cs = document.getElementById("chatScroll");
        scrollChatFontSize = scrollChatFontSize - 2;
***************
*** 304,309 ****
--- 340,347 ----
        }
        cs.style.fontSize = scrollChatFontSize + "pt";
+ 
      }
  
+ 
    </script>
  
***************
*** 314,318 ****
    <table align="center" border="1" bordercolor="#000000" width="100%"
      height="100%" cellpadding="4" cellspacing="0" class="cssRoomMainTable">
!     <!-- Header section -->
    	<tr>
    	  <td colspan="2" class="cssRoomHeader" height="40">
--- 352,357 ----
    <table align="center" border="1" bordercolor="#000000" width="100%"
      height="100%" cellpadding="4" cellspacing="0" class="cssRoomMainTable">
! 
!     <!-- ***** Header section ***** -->
    	<tr>
    	  <td colspan="2" class="cssRoomHeader" height="40">
***************
*** 321,325 ****
    	  </td>
    	</tr>
!   	<!-- Chat scroll section -->
    	<tr>
    		<td height="100%" valign="top">
--- 360,365 ----
    	  </td>
    	</tr>
! 
!   	<!-- ***** Chat scroll section ***** -->
    	<tr>
    		<td height="100%" valign="top">
***************
*** 331,376 ****
    		</td>
    	</tr>
!   	<!-- User control section -->
    	<tr>
!   		<td height="60" valign="middle" id="userControl"
    		  class="cssRoomUserControl">
!   		  <!-- Leave room button -->
!         <input type="button"
!           value="<fmt:message key="labels.leaveRoomButton" />"
!           class="cssButton" onClick="leaveRoom();" />
!         &nbsp;&nbsp;
!         <!-- Clear history button -->
!         <input type="button"
!           value="<fmt:message key="labels.clearHistoryButton" />"
!           class="cssButton" onClick="clearHistory();" />
!         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
!         <!-- Increase/Decrease font size -->
!         <fmt:message key="labels.fontSize" />&nbsp;
!         <img src="img/zoomUp.gif" align="absmiddle"
!           alt="<fmt:message key="labels.increaseFontSize" />"
!           onClick="increaseChatScrollFontSize();"
!           onMouseOver="this.style.cursor='hand';"
!           onMouseOut="this.style.cursor='';">
!         &nbsp;
!         <img src="img/zoomDown.gif" align="absmiddle"
!           alt="<fmt:message key="labels.decreaseFontSize" />"
!           onClick="decreaseChatScrollFontSize()";
!           onMouseOver="this.style.cursor='hand';"
!           onMouseOut="this.style.cursor='';">
!         <br/>
!         <!-- Your color -->
!         <fmt:message key="labels.yourColor" />&nbsp;
!         <select class="cssSelect" id="yourColor">
!           <%@ include file="/inc/color_options.inc" %>
!         </select>
!         &nbsp;&nbsp;
!         <!-- Their color -->
!         <fmt:message key="labels.theirColor" />&nbsp;
!         <select class="cssSelect" id="theirColor">
!           <%@ include file="/inc/color_options.inc" %>
!         </select>
        </td>
    	</tr>
!   	<!-- User input section -->
    	<tr>
    		<td height="70" valign="middle" class="cssRoomUserInput">
--- 371,430 ----
    		</td>
    	</tr>
! 
!   	<!-- ***** User control section ***** -->
    	<tr>
!   		<td height="66" valign="middle" id="userControl"
    		  class="cssRoomUserControl">
!         <table border="0" cellpadding="2" cellspacing="0" width="100%"
!           height="100%" class="cssRoomUserControl">
!           <tr>
!             <td width="50%"
!   		        <!-- Leave room button -->
!               <input type="button"
!                 value="<fmt:message key="labels.leaveRoomButton" />"
!                 class="cssButton" onClick="leaveRoom();" />
!               &nbsp;&nbsp;
!               <!-- Clear history button -->
!               <input type="button"
!                 value="<fmt:message key="labels.clearHistoryButton" />"
!                 class="cssButton" onClick="clearHistory();" />
!             </td>
!             <td width="50%" align="right">
!               <!-- Your color -->
!               <fmt:message key="labels.yourColor" />&nbsp;
!               <select class="cssSelect" id="yourColor">
!                 <%@ include file="/inc/color_options.inc" %>
!               </select>
!             </td>
!           </tr>
!           <tr>
!             <td>
!               <!-- Increase/Decrease font size -->
!               <fmt:message key="labels.fontSize" />
!               &nbsp;
!               <img src="img/zoomUp.gif" align="absmiddle" hspace="2"
!                 alt="<fmt:message key="labels.increaseFontSize" />"
!                 onClick="increaseChatScrollFontSize();"
!                 onMouseOver="this.style.cursor='hand';"
!                 onMouseOut="this.style.cursor='';">
!               <img src="img/zoomDown.gif" align="absmiddle" hspace="8"
!                 alt="<fmt:message key="labels.decreaseFontSize" />"
!                 onClick="decreaseChatScrollFontSize()";
!                 onMouseOver="this.style.cursor='hand';"
!                 onMouseOut="this.style.cursor='';">
!             </td>
!             <td align="right">
!               <!-- Their color -->
!               <fmt:message key="labels.theirColor" />&nbsp;
!               <select class="cssSelect" id="theirColor">
!                 <%@ include file="/inc/color_options.inc" %>
!               </select>
!             </td>
!           </tr>
!         </table>
        </td>
    	</tr>
! 
!   	<!-- ***** User input section ***** -->
    	<tr>
    		<td height="70" valign="middle" class="cssRoomUserInput">
***************
*** 382,385 ****
--- 436,440 ----
        </td>
    	</tr>
+ 
    </table>

Thread: [Struts-cvs] ajaxchat index.jsp,1.1,1.2 lobby.jsp,1.1,1.2 room.jsp,1.1,1.2

struts-cvs