crear un input type=text o textarea al hacer click

[eulloa]

Bueno, he resuelto el problema de los textarea (era problema mío jejeje, no del script)
Ahora se ve un poco mejor

Código:

function validaFormulario(id){

	var miValor = new Array();	
	var miID = new Array();	
	var cadena = new Array();

	divEditaProceso = document.getElementById('editarProceso');

	for (i = 0; i < fvalida.elements.length; i++) {
		if (fvalida.elements[i].value.length > 0){	
			if (fvalida.elements[i].type == 'text' || fvalida.elements[i].type == 'textarea'){
				
				miValor[i] = fvalida.elements[i].value;
				miID[i] = fvalida.elements[i].id;
				cadena[i] = miID[i]+"="+miValor[i];
			}
			
		}
	}

	cad = cadena.join("&");

	
	url = "editarProceso.php?act="+id+cad;

	
	ajax=objetoAjax();
	ajax.open("GET", url);

	ajax.onreadystatechange = function() {
	        if (ajax.readyState==1) {
	                divEditaProceso.innerHTML="Buscando, espere...";
		}
		else if (ajax.readyState==3){
			divEditaProceso.innerHTML = "Completando, espere...";
		}
		else if (ajax.readyState==4){
			if(ajax.status==200){
				divEditaProceso.innerHTML=ajax.responseText;
			}
			else if(ajax.status==404){
				divEditaProceso.innerHTML = "La direccion no existe";
			}
			else{
		                divEditaProceso.innerHTML = "Error: ".ajax.status;
			}
		}
	}
	 ajax.send(null)
}

Pero al agragar la linea que me valida el lenght del valor del campo, la página se me recarga completa. Sin actualizar AJAX
Extraño esto, por lo menos para mí