function setLogin()
{
var lform = document.getElementById("login_form");
//for (var foo = 0; foo < anchors.length; foo++) {
if (lform != null && lform.className == "httpauth") {
createForm(lform);
}
//}
}
function createForm(httpauth)
{
//var form = document.createElement("form");
var form = document.createElement("div");
//form.action = httpauth.href;
//form.method = "get";
//form.onsubmit = login;
form.id = httpauth.id;
var username = document.createElement("label");
var usernameInput = document.createElement("input");
usernameInput.name = "username";
usernameInput.type = "text";
usernameInput.value = "USERNAME";
usernameInput.className = "login_naam";
usernameInput.style.color = "white";
usernameInput.style.fontWeight ="normal";
usernameInput.id = httpauth.id + "-username";
//username.appendChild(document.createTextNode("Username:"));
username.appendChild(usernameInput);
username.onclick = function()
{
var obj = document.getElementById( httpauth.id + "-username");
if ( obj != null)
{
//obj.value = "";
obj.select();
obj.style.color = "#777777";
}
}
usernameInput.onblur = function()
{
var obj = document.getElementById( httpauth.id + "-username");
if ( obj != null && obj.value.replace(' ', '').length == 0)
{
obj.value = "USERNAME";
obj.style.color = "#8888DD";
}
}
var password = document.createElement("label");
var passwordInput = document.createElement("input");
passwordInput.name = "password";
passwordInput.type = "text";
passwordInput.value = "PASSWORD";
passwordInput.className = "login_pwd";
passwordInput.style.color = "white";
passwordInput.style.fontWeight ="normal";
passwordInput.id = httpauth.id + "-password";
//password.appendChild(document.createTextNode("Password:"));
password.appendChild(passwordInput);
passwordInput.onclick = function()
{
var obj = document.getElementById( httpauth.id + "-password");
if ( obj != null)
{
obj.blur();
var newObj = obj.cloneNode( false);
newObj.type = "password";
newObj.value = "";
newObj.style.color = "#777777";
obj.parentNode.replaceChild(newObj,obj);
newObj.select();
newObj.focus();
}
}
//
//
//
passwordInput.onblur = function()
{
var obj = document.getElementById( httpauth.id + "-password");
if ( obj != null && obj.value.replace(' ', '').length == 0)
{
obj.type = "text";
obj.value = "PASSWORD";
obj.style.color = "#8888DD";
}
}
var submit = document.createElement("input");
submit.type = "submit";
submit.value = "Log in";
submit.onclick = function()
{
var username = document.getElementById(form.id + "-username").value;
var password = document.getElementById(form.id + "-password").value;
var http = getHTTPObject();
//var url = httpauth.href.replace('://', ("://" + username + ":" + password + "@"));
//var url = httpauth.href;
var url = httpauth.href + '?username=' + username + "&password=" + password ;
//http.open("post", url, false, username, password);
//http.send("");
//if (http.status == 200) {
document.location = url;
//} else {
// alert("Vul uw correcte klantnummer en wachtwoord in.");
//}
return false;
}
var br1 = document.createElement("br");
var br2 = document.createElement("br");
var br3 = document.createElement("br");
var br4 = document.createElement("br");
form.appendChild(username);
form.appendChild(br1);
form.appendChild(password);
//form.appendChild(br2);
//form.appendChild(br3);
form.appendChild(br4);
form.appendChild(submit);
//var logoutLink = document.createElement("a");
//logoutLink.href = "#";
//logoutLink.onclick = logout;
//logoutLink.appendChild(document.createTextNode("Log out"));
//form.appendChild(logoutLink);
httpauth.parentNode.replaceChild(form, httpauth);
}
function login()
{
var username = document.getElementById(this.id + "-username").value;
var password = document.getElementById(this.id + "-password").value;
var http = getHTTPObject();
//var url = "http://" + username + ":" + password + "@" + this.action.substr(7);
var url = this.action;
http.open("post", url, false, username, password);
http.send("");
if (http.status == 200) {
document.location = url.replace('://', ("://" + username + ":" + password + "@"));
} else {
alert("Vul uw correcte klantnummer en wachtwoord in.");
}
return false;
}
function logout()
{
var http = getHTTPObject();
http.open("post", this.parentNode.action, false, "null", "null");
http.send("");
alert("You have been logged out.");
return false;
}