Div ocultos alguna sugerencia ??

[vili86]

Amigos genero una busqueda en ajax y quiero q salga en los div hice esto a un principio:

http://img519.imageshack.us/img519/6500/77048398.jpg

Antes de hacer el control me sale el div solamente sin el mensaje

Lo que quiero es que salga el DIV justo debajo del boton comprobar la verdad no soy muy diestro en css y pienso en su ayuda les dejo el codigo ajax que me genera el mensaje(es aqui donde esta pensando hacer directamente el css para el div), pero lo realice en la pagina no mas espero su sugerencias gracias

Código javascript:

function nuevoEvento(evento)
                {
                    // Obtengo el div donde se mostraran las advertencias y errores
                    var divMensaje=document.getElementById("error");
                    /* Dependiendo de cual sea el evento que ejecuto esta funcion (ingreso o verificacion) se setean
                    distintas variables */  
                    if(evento=="ingreso")
                    {
                        var input=document.getElementById("ingreso");
                        // Boton presionado
                        var boton=document.getElementById("botonIngreso");
                        // Valor ingresado por el usuario
                        var valor=input.value;
                        // Texto a colocar en el input mientras se esta cargando la respuesta del servidor
                        var textoAccion="Ingresando...";
                    }
                    else
                    {
                        var input=document.getElementById("verificacion");
                        // Boton presionado
                        var boton=document.getElementById("botonVerificacion");
                        // Valor ingresado por el usuario
                        var valor=input.value;
                        // Texto a colocar en el input mientras se esta cargando la respuesta del servidor
                        var textoAccion="Comprobando...";
                    }
                    // Elimino espacios por delante y detras de lo ingresado por el usuario
                    valor=eliminaEspacios(valor);
                    // Si el ingreso es invalido coloco un mensaje de error en la capa correspondiente
                    if(!validaIngreso(valor)) 
                    {
                        divMensaje.innerHTML="El texto ingresado contiene caracteres o longitud invalida";
                    }
                    else
                    {
 

Código css:

.mensaje{
     border: 2px solid #0000cc; font-size: 8pt; padding:5px; margin-top:10px; width: 300px;
  
  }
 

Código html:

<tr>
            <div id="demo" style="width:600px;" align="center">
             <td id="carlos" style="text-align:left">Nº Registro:</td>
             <div  class="mensaje" id="error">
             <td><input name="registro_fbf" type="text" size="15"  id="verificacion" readonly="true"/> <a href="javascript:void(null);" id="texto" >Generar</a>  <button type="button" id="botonVerificacion" onClick="nuevoEvento('verificacion')" >Comprobar</button>
             
                </div>
            </div> 
             </tr>
 

Gracias de antemano

[vili86]

Amigos me podrian explicar por favor como debe proceder a mi problema ya solucione lo anterior pero ahora la cosa pasa por aqui antes de mostrar si en numero esta habilitado o no ya me muestra el DIV y queria saber si cuando accione el boton recien me muestre el mensaje:
http://img257.imageshack.us/img257/691/71109799.jpg

Y este es cuando me comprueba.
http://img405.imageshack.us/img405/6711/89710177.jpg

La idea es que se pierda el DIV antes de generar la prueba se pude hacer eso

Código css:

<style>
  #texto{
  font:Arial, Helvetica, sans-serif;font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: 300; color:#FF0000;
  }
  #botonVerificacion{
  width:70px; height:25px; -moz-border-radius: 15px;background-color :#990000; border:1px; border:1px ; padding-left:7px; padding-right :7px; padding:3px;
  color:#FFFFFF;font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: 300;
  }
  .mensaje{
     border: 1px solid #990000; font-size: 8pt; padding:5px; margin-top:10px; width: 250px;
      
  }     
</style>
 

Código html:

<tr>
            <div id="demo" style="width:600px;" align="center">
             <td id="carlos" style="text-align:left">Nº Registro:</td>
             <td><input name="registro_fbf" type="text" size="15"  id="verificacion" readonly="true"/> <a href="javascript:void(null);" id="texto" >Generar</a>  <button type="button" id="botonVerificacion" onClick="nuevoEvento('verificacion')" >Comprobar</button>
             <div  class="mensaje" id="error">
                </div>
            </div> 
            
             </tr>