corrade-http-templates
/groupChat/groupChat.html/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> |