corrade-http-templates – Blame information for rev 3

Subversion Repositories:
Rev:
Rev Author Line No. Line
2 eva 1 <!doctype html>
2  
3 <html lang="en">
4 <head>
5 <meta charset="utf-8">
6  
7 <title>Corrade Group Chat</title>
8  
9 <meta name="description" content="Group Chat Relay using Corrade">
10 <meta name="author" content="Wizardry and Steamworks">
11  
12 <link rel="stylesheet" href="css/fonts.css?v=1.0">
13 <link rel="stylesheet" href="css/style.css?v=1.0">
14  
15 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
16 <script type="text/javascript">
17 $(document).ready(function () {
3 eva 18 function sendGroupMessage() {
2 eva 19 $("#controls").animate({ opacity: 'hide' }, 'slow');
20 $.ajax({
21 type: 'post',
22 url: "sendGroupMessage.php",
23 data: {
24 name: $("#name").val(),
25 message: $("#message").val()
26 }
27 }).done(function(data) {
28 $('#message').val("");
29 $("#controls").animate({ opacity: 'show' }, 'slow');
30 });
3 eva 31 }
32 setInterval(function () {
33 $.get("chat.log?t=" + Math.random(), function(data) {
34 $("#chat").html(data);
35 });
36 $("#chat").animate({
37 scrollTop:$("#chat")[0].scrollHeight - $("#chat").height()
38 },1000);
39 }, 1000);
40 $("#send").click(function(e){
41 sendGroupMessage();
2 eva 42 });
3 eva 43 // Subscribe to pressing enter with the message input box selected.
44 $("#message").keypress(function(e) {
45 if (e.which == 13) {
46 sendGroupMessage();
47 return false;
48 }
49 });
2 eva 50 });
51 </script>
52 </head>
53  
54 <body>
55 <div id="container">
56 <textarea id="chat" rows="12"></textarea><br/>
57 <div id="controls">
58 Name: <input type="text" size="8" value="Someone" id="name"></input>
59 Message: <input type="text" size="35" id="message"></input>
60 <button type="button" id="send">Send</button>
61 </div>
62 </div>
63 </body>
64 </html>