1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <html> <head> </head> <body> <h1>Chat Page</h1> <table> <tr> <td colspan="2"> <div id="nameTag">NameTag</div> </td> </tr> <tr> <td style="width: 75%"> <div style="border: 1px solid black; width: 100%; height: 500px;" id="currentChat"></div> </td> <td> <div style="border: 1px solid black; width: 200px; height: 500px;" id="roster"></div> </td> </tr> <tr> <td colspan="2"> <form id="chatForm" style="clear: left;"> <input type="text" id="newChatText" style="width: 80%;" /> <input type="button" id="newChatButton" value="Send" /> </form> </td> </tr> </table> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <html> <head> <script type="text/javascript" src="prototype.js" ></script> <script type="text/javascript"> var targetName = "Dafyd Llewellyn"; var targetUser = "myfriend@myserver.net"; function populateForm(){ $('nameTag').innerHTML = targetName; } </script> </head> <body onload="populateForm()"> <h1>Chat Page</h1> <table> <tr> <td colspan="2"> <div id="nameTag">NameTag</div> </td> </tr> .... |
1 2 3 4 5 6 7 8 9 10 11 12 13 | .... function populateForm(){ new Ajax.Updater('currentChat', 'ChatServlet', { method: 'get', parameters: {getMessages: targetUser} }); $('nameTag').innerHTML = targetName; } .... |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | .... function populateForm(){ new Ajax.PeriodicalUpdater('currentChat', 'ChatServlet', { method: 'get', insertion: Insertion.Bottom, frequency: 3, parameters: {getMessages: targetUser} }); $('nameTag').innerHTML = targetName; } .... |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | .... function sendMessage(){ new Ajax.Request('ChatServlet', { method: 'get', parameters: {target: targetUser, message: $('newChatText').getValue()} }); } </script> .... <form id="chatForm" style="clear: left;" onsubmit="sendMessage()"> <input type="text" id="newChatText" style="width: 80%;" /> <input type="button" id="newChatButton" value="Send" onclick="sendMessage()" /> </form> .... |
1 2 3 4 5 6 7 8 9 10 11 12 | .... function sendMessage(){ new Ajax.Request('ChatServlet', { method: 'get', parameters: {target: targetUser, message: $('newChatText').getValue()} }); $('newChatText').value = ""; } .... |
1 2 3 4 5 6 7 8 9 10 11 12 | .... public void sendMessage(String targetUser, String theMessage){ Chat theChat = (Chat)chatSessions.get(targetUser); String theQueue = (String)chatQueues.get(targetUser); try { theChat.sendMessage(theMessage); chatQueues.put(targetUser, theQueue + "<br />You: "+theMessage); } catch (Exception e){ e.printStackTrace(); } } .... |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |