#put this bit between the head tags

<script language="javascript">
<!-- This version:  Hostroute.com -->
<!-- Based on FTP log in by:  Reinout Verkerk -->
<!-- Web Site:  http://www.hostroute.com/script_htaccess.html -->

<!-- Begin
function Login(form) {
var username = form.username.value;
var password = form.password.value;
var server = form.server.value;
if (username && password && server) {
var htsite = "http://" + username + ":" + password + "@" + server;
window.location = htsite;
}
else {
alert("Please enter your username and password.");
   }
}
//  End -->
</script>


#this is the body of the page - note the hidden form field "server" this needs to be the address of your password protected directory.

<form name=login>
            <table width=250 border=1 cellpadding=3>
              <tr> 
                
              <td colspan=2 align=center> 
                <h2><b>Logon to secure area! 
                  <input type="hidden" name="server" value="www.domain.com/secure/">
                  </b></h2>
                </td>
              </tr>
              <tr> 
                <td>Username:</td>
                <td>
                  <input type=text name=username size=20>
                </td>
              </tr>
              <tr> 
                <td>Password:</td>
                <td>
                  <input type=password name=password size=20>
                </td>
              </tr>
              <tr> 
                <td colspan=2 align=center> 
                  <input type=button value="Login!" onClick="Login(this.form)" name="button">
                </td>
              </tr>
            </table>
          </form>