corrade-http-templates – Rev 2

Subversion Repositories:
Rev:
<!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>