corrade-http-templates – Blame information for rev 2
?pathlinks?
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 () { |
||
18 | setInterval(function () { |
||
19 | $.get("chat.log?t=" + Math.random(), function(data) { |
||
20 | $("#chat").html(data); |
||
21 | }); |
||
22 | $("#chat").animate({ |
||
23 | scrollTop:$("#chat")[0].scrollHeight - $("#chat").height() |
||
24 | },1000); |
||
25 | }, 1000); |
||
26 | $("#send").click(function(e){ |
||
27 | $("#controls").animate({ opacity: 'hide' }, 'slow'); |
||
28 | $.ajax({ |
||
29 | type: 'post', |
||
30 | url: "sendGroupMessage.php", |
||
31 | data: { |
||
32 | name: $("#name").val(), |
||
33 | message: $("#message").val() |
||
34 | } |
||
35 | }).done(function(data) { |
||
36 | $('#message').val(""); |
||
37 | $("#controls").animate({ opacity: 'show' }, 'slow'); |
||
38 | }); |
||
39 | }); |
||
40 | }); |
||
41 | </script> |
||
42 | </head> |
||
43 | |||
44 | <body> |
||
45 | <div id="container"> |
||
46 | <textarea id="chat" rows="12"></textarea><br/> |
||
47 | <div id="controls"> |
||
48 | Name: <input type="text" size="8" value="Someone" id="name"></input> |
||
49 | Message: <input type="text" size="35" id="message"></input> |
||
50 | <button type="button" id="send">Send</button> |
||
51 | </div> |
||
52 | </div> |
||
53 | </body> |
||
54 | </html> |