Loginform weergeven met JS (Opgelost)

<a href="#" onclick="showlogin()">login</a>

<a href="#" onclick="showlogin()">login</a>

function showlogin()	{
	var div = document.getElementById("form");
	if(div.hasChildNodes())	{	
		div.innerHTML="";
	}	
	var form = createForm("login(this); return false");
	div.appendChild(form);
	
	var table = createTable("0", "5");
	form.appendChild(table);
	
	//Naam
	var tr = document.createElement("tr");
	table.appendChild(tr);
	var td = document.createElement("td");
	tr.appendChild(td);
	td.appendChild(document.createTextNode("name: "));
	
	//input
	var td2 = document.createElement("td");
	tr.appendChild(td2);
	var inputnaam = createInputField("naam", "tekst", "naam", "");
	td2.appendChild(inputnaam);
	
	//2e kolom (password: )
	var tr2 = document.createElement("tr");
	table.appendChild(tr2);
	var td3 = document.createElement("td");
	tr2.appendChild(td3);
	td3.appendChild(document.createTextNode("password: "));
	
	//2e kolom, 2e rij
	var td4 = document.createElement("td");
	tr2.appendChild(td4);
	var  inputnaam2 = createInputField("paswoord", "password", "paswoord", "");
	td4.appendChild(inputnaam2);
	var td5 = document.createElement("td");
	tr2.appendChild(td5);
	var submit = createInputField("submit","submit","submit","login");
	td5.appendChild(submit);
	
	
}













function createTable(border, celpadding, cellspacing)	{
	var table = document.createElement("table");
	table.setAttribute("border", border);
	table.setAttribute("celpadding", celpadding);
	table.setAttribute("cellspacing", cellspacing);
	return table;
}


function createTable(border, celpadding)	{
	var table = document.createElement("table");
	table.setAttribute("border", border);
	table.setAttribute("celpadding", celpadding);
	return table;
}

function showlogin()	{
	var div = document.getElementById("form");
	if(div.hasChildNodes())	{	
		div.innerHTML="";
	}	
	var form = createForm("login(this); return false");
	div.appendChild(form);
 
	var table = createTable("0", "5");
	form.appendChild(table);
 
	//Naam
	var tr = document.createElement("tr");
	table.appendChild(tr);
	var td = document.createElement("td");
	tr.appendChild(td);
	td.appendChild(document.createTextNode("name: "));
 
	//input
	var td2 = document.createElement("td");
	tr.appendChild(td2);
	var inputnaam = createInputField("naam", "tekst", "naam", "");
	td2.appendChild(inputnaam);
 
	//2e kolom (password: )
	var tr2 = document.createElement("tr");
	table.appendChild(tr2);
	var td3 = document.createElement("td");
	tr2.appendChild(td3);
	td3.appendChild(document.createTextNode("password: "));
 
	//2e kolom, 2e rij
	var td4 = document.createElement("td");
	tr2.appendChild(td4);
	var  inputnaam2 = createInputField("paswoord", "password", "paswoord", "");
	td4.appendChild(inputnaam2);
	var td5 = document.createElement("td");
	tr2.appendChild(td5);
	var submit = createInputField("submit","submit","submit","login");
	td5.appendChild(submit);
 
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
function createTable(border, celpadding, cellspacing)	{
	var table = document.createElement("table");
	table.setAttribute("border", border);
	table.setAttribute("celpadding", celpadding);
	table.setAttribute("cellspacing", cellspacing);
	return table;
}
 
 
function createTable(border, celpadding)	{
	var table = document.createElement("table");
	table.setAttribute("border", border);
	table.setAttribute("celpadding", celpadding);
	return table;
}