corrade-http-templates
| /groupChat/groupChat.html |
|---|
| @@ -0,0 +1,54 @@ |
| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <title>Corrade Group Chat</title> |
| <meta name="description" content="Group Chat Relay using Corrade"> |
| <meta name="author" content="Wizardry and Steamworks"> |
| <link rel="stylesheet" href="css/fonts.css?v=1.0"> |
| <link rel="stylesheet" href="css/style.css?v=1.0"> |
| <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> |
| <script type="text/javascript"> |
| $(document).ready(function () { |
| setInterval(function () { |
| $.get("chat.log?t=" + Math.random(), function(data) { |
| $("#chat").html(data); |
| }); |
| $("#chat").animate({ |
| scrollTop:$("#chat")[0].scrollHeight - $("#chat").height() |
| },1000); |
| }, 1000); |
| $("#send").click(function(e){ |
| $("#controls").animate({ opacity: 'hide' }, 'slow'); |
| $.ajax({ |
| type: 'post', |
| url: "sendGroupMessage.php", |
| data: { |
| name: $("#name").val(), |
| message: $("#message").val() |
| } |
| }).done(function(data) { |
| $('#message').val(""); |
| $("#controls").animate({ opacity: 'show' }, 'slow'); |
| }); |
| }); |
| }); |
| </script> |
| </head> |
| <body> |
| <div id="container"> |
| <textarea id="chat" rows="12"></textarea><br/> |
| <div id="controls"> |
| Name: <input type="text" size="8" value="Someone" id="name"></input> |
| Message: <input type="text" size="35" id="message"></input> |
| <button type="button" id="send">Send</button> |
| </div> |
| </div> |
| </body> |
| </html> |