Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Index</title>
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.tmpl.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.jazor.js" type="text/javascript"></script>

    <script src="/Scripts/jquery.signalr.min.js" type="text/javascript"></script>
    <script src="/signalr/hubs" type="text/javascript"></script>
    <script src="/scripts/signalrmvc.js"></script>
    <script type="text/javascript">
        ///reference
        var handler = new SignalRMVC();

        $(function () {
            handler.mvcconnect();
        });
    </script>
</head>
<body>
    <h2>Index</h2>

<script type="text/javascript">
    $(function () {
        $("#send").click(function (e) {
            handler.request({
                path: "user/sendmessage",
                data: {
                    broadcastGroupName: "sample-chat-room",
                    message: $("#message").val()
                },
                success: function () {
                    console.log("message was sent successfully");
                    $("#message").val("");
                    $("#message").focus();
                },
                error: function () {
                    alert('unable to send message');
                }
            });
            e.preventDefault();
            return false;
        });

        $("#login").click(function (e) {
            //let's register the user
            handler.request({
                path: "user/login",
                data: $("#username").val(),
                success: function () {
                    //hide the login screen and show the chat screen
                    $("#chat").show();
                    $("#user-login").hide();
                    console.log("joining simple-chat-room");
                    handler.request({ path: "user/join", data: "sample-chat-room" });
                }
            });

            e.preventDefault();
            return false;
        });
    });

</script>
<div id="chat" style="display:none;">
    <ul id="messages">
    </ul>
    <p>Type a message and click send</p>
    <input type="text" name="message" id="message" value="" />
    <input type="submit" name="send" id="send" value="Send" />
</div>
<div id="user-login">
    <p>Type your username below and click 'Login'</p>

    Username: <input type="text" id="username" value="" />
    <input type="submit" name="login" id="login" value="Login" />
</div>
</body>
</html>