jQuery UI modal window

by Oliver Kelso

HTML

<a href="#" id="loginbtn">Login</a>

<div id="dialog-modal" title="Login">
    <form id='login' action='login.php' method='post' accept-charset='UTF-8'>
        <fieldset>
            <legend>Login</legend>
            <input type='hidden' name='submitted' id='submitted' value='1' />
            <label for='username'>UserName*:</label>
            <input type='text' name='username' id='username' maxlength="50" />
            <label for='password'>Password*:</label>
            <input type='password' name='password' id='password' maxlength="50" />
            <input type='submit' name='Submit' value='Submit' />
        </fieldset>
    </form>
</div>

CSS

#dialog-modal{display:none;}

JavaScript

function login() {
    $("#dialog-modal").dialog({
        height: "auto",
        modal: true,
        draggable: false,
        resizable: false
    });
}

$('document').ready(login);

$('#loginbtn').click(login);