Open-Shell-Menu/docs/gallery/login/ajax.html

<script type="text/javascript">
  $("#g-login-form").ready(function() {
    $("#g-password-reset").click(function() {
      $.ajax({
        url: "/gallery/password/reset",
        success: function(data) {
          $("#g-login").html(data);
          $("#ui-dialog-title-g-dialog").html("Reset password");
          $(".submit").addClass("g-button ui-state-default ui-corner-all");
          $(".submit").gallery_hover_init();
          ajaxify_login_reset_form();

          // See comment about IE7 below
          setTimeout('$("#g-name").focus()', 100);
        }
      });
    });

    // Setting the focus here doesn't work on IE7, perhaps because the field is
    // not ready yet?  So set a timeout and do it the next time we're idle
    setTimeout('$("#g-username").focus()', 100);
  });

  function ajaxify_login_reset_form() {
    $("#g-login form").ajaxForm({
      dataType: "json",
      success: function(data) {
        if (data.form) {
          $("#g-login form").replaceWith(data.form);
          ajaxify_login_reset_form();
        }
        if (data.result == "success") {
          $("#g-dialog").dialog("close");
          window.location.reload();
        }
      }
    });
  };
</script>
<div id="g-login">
  <ul>
    <li id="g-login-form">
      <form action="http://www.classicshell.net/gallery/login/auth_ajax" method="post" id="g-login-form" class="g-narrow">
<input type="hidden" name="csrf" value="aaa1908e0b578c58af143c16be324885"  /><input type="hidden" name="continue_url" value=""  />  <fieldset>
    <legend>Login</legend>
    <ul>
      <li>
        <label for="name" >Username</label>
        <input type="text" id="g-username" name="name" value="" class=""  />
      </li>
      <li>
        <label for="password" >Password</label>
        <input type="password" id="g-password" name="password" value="" class=""  />
      </li>
      <li>
        <input type="submit" value="Login" class="submit"  />
      </li>
    </ul>
  </fieldset>
</form>    </li>
        <li>
      <a href="#" id="g-password-reset" class="g-right g-text-small">Forgot your password?</a>
    </li>
      </ul>
</div>