Nodos DOM

[wigglyUtrera]

Hola de nuevo, tengo otra dudilla:

Código:

function entrar(){
var divLogin = document.getElementById("prueba");
var nodo = document.createElement("div");
nodo.id="login_entra";
var divError = document.getElementById("error");
var div = document.getElementById("login");
var nodoLabel = document.createElement("label");
var aux = document.login.usuario.value;
var texto = document.createTextNode(aux);
if(document.login.usuario.value == ""){
	   aux = "Debes ingresar un nombre";
                texto = document.createTextNode(aux);
                nodoLabel.appendChild(texto);
}
else
                nodo.appendChild(texto);
								 
if(document.login.usuario.value == "")
                divError.innerHTML = "Debes ingresar un nombre";
else
                divLogin.replaceChild(nodo,document.getElementById("login")); 
}

ya se que se podría haber escrito mejor, pero era una prueba.

Bueno, el caso es que si el campo de un formulario NO es vacio remplaza un DIV por otro. ESO FUNCIONA BIEN

Pero si es vacío, debe escribir un texto. El problema es que el texto se ve pero desaparece rapido.

Alguna idea?????

Aqui esta el codigo HTML del DIV y el formulario

Código HTML:

<div id="prueba">

<div id="login">
         <div id="id_error">
		 <label id="error"></label>
         </div>
         <form name="login" method="POST">
 	<div id="id_nombre">
	 <label id="label_usuario">Usuario: </label>
	 <input id="input_usuario" type="text" name="usuario" onFocus="foco(this);" onBlur="perderFoco(this);"/>
									</div>

	<div id="id_password">
	 <label id="label_password">Contrase&ntilde;a: </label>
	 <input id="input_password" type="password" name="password" onFocus="foco(this);" onBlur="perderFoco(this);"/> </div>
									<button type="submit" onclick="entrar()">OK</button>
            </form>
									
									<label id="olvido">¿Olvid&oacute; su contrase&ntilde;a?</label> <br/>
									<label id="registrate">¡Reg&iacute;strate!</label>
</div>
</div> 

Gracias