65 lines
No EOL
1.6 KiB
HTML
65 lines
No EOL
1.6 KiB
HTML
<html>
|
|
<head>
|
|
<title>Push Services Demo</title>
|
|
<script language="javascript" src="jquery-1.3.2.min.js">
|
|
</script>
|
|
<style>
|
|
.hide {
|
|
visibility: hidden;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body id="body">
|
|
<div id="container">
|
|
<div id="chat">
|
|
<div id="chatwindow">
|
|
</div>
|
|
<div>
|
|
<input type="text" name="name" id="name"/>
|
|
<input type="button" name="login" value="Login" id="login"/>
|
|
<textarea id="msg" class="hide" name="message" rows="10" cols="150"></textarea>
|
|
<input type="button" name="Send" id="send" value="Send" class="hide"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script language="javascript">
|
|
$(function() {
|
|
window.app = {
|
|
update : function(data) {
|
|
if (data && data.name)
|
|
$('#chatwindow').append('<p>' + data.name + (data.message ? (': ' + data.message) : '') + '</p>');
|
|
else
|
|
alert(data);
|
|
}
|
|
}
|
|
|
|
$('#send').click(function(e) {
|
|
var message = $('#msg').val();
|
|
$('#msg').val('');
|
|
|
|
$.post('/chat',
|
|
{
|
|
'action' : 'post',
|
|
'name' : $('#name').val(),
|
|
'message' : message
|
|
});
|
|
});
|
|
|
|
$('#login').click(function(e) {
|
|
$.post('/chat',
|
|
{
|
|
'action' : 'login',
|
|
'name' : $('#name').val()
|
|
},
|
|
function(data) {
|
|
$('#login').hide();
|
|
$('#name').attr('disabled', 'disabled');
|
|
$('#msg').removeClass('hide');
|
|
$('#send').removeClass('hide');
|
|
$('<iframe style="display:hidden;" id="comet" src="/chat"></iframe>').appendTo('#body');
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |