Mostrar o ocultar Capa (div)

[rogoelpra]

Hola...

Como puedo dar la Orden mediante javascript de mostrar una Capa y otra para ocultarla.

Gracias.

[eduardo1983]

Puedes utilizar el estilo de la sigueinte manera

<div id="nombre" style="display:none"></div> <!-- oculta la capa -->
<div id="nombre" style="display:"></div> <!-- muestra la capa -->

[rogoelpra]

Gracias Eduardo1983.

Pero quisiera fuese a manera de funcion para ejectarla medianta Javascript.

Gracias.

[eduardo1983]

function cambiar()
{
document.getElementById("nombre_div").style.displa y=""; // muestra el div
document.getElementById("nombre_div").style.displa y=none; // oculta el div

}

[rogoelpra]

Gracias eduardo1983... ya sale como y cuando quiero y ya se oculta como y cuando quiero.

Sin embargo en la Barra de estado me aperece Listo pero con errore en la pagina y al revisar los detalles me sale que se debe a que se esperaba un Objeto.

Que podra ser... ???

Defini mis funciones de la sigiente manera:

Código PHP:

  function loading() 
{ 
    document.getElementById("loading").style.display=""; // muestra el div 
} 
 
function cierraloading() 
{ 
    document.getElementById("loading").style.display="none"; // oculta el div 
}  
   

Estoy trabajando con Internet explorer 7.

Gracias...

[rogoelpra]

Ahh la Capa la llame asi:

Código PHP:

  <div id="loading">Cargando...</div>  
   

[GaboMaKano]

aca tienes un code, que te pueda servir de ayuda:

Código PHP:

  function mostrar(nombreCapa) { 
nombreCapa=nombreCapa; 
document.getElementById(nombreCapa).style.display="block"; 
} 
 
function cerrar(nombreCapa) { 
nombreCapa=nombreCapa; 
document.getElementById(nombreCapa).style.display="none"; 
} 
 
function evalua(nombreCapa,chk){ 
nombreCapa=nombreCapa; 
if (document.getElementById(nombreCapa).style.display == "none") {                         
mostrar(nombreCapa); 
} else { 
cerrar(nombreCapa); 
} 
}  
   

luego haces el llamado

Código HTML:

<a href="#" onclick ="evalua('tu_capa');">Mostrar/Ocultar</a> 

esop...

[rogoelpra]

Buenas Tardes...

de nuevo yo. Aun no se me ejecuta correctamente la Funcion... Abre bien y normalmente, Cierra bien pero mostrando un error en Javascript de que falta un objeto.

En la pagina que voy a usar la funcion uso otras funciones Javascript. Me parece que pudiera ser por eso.

Que debo agregar para evitar esto... Esas funciones no las puedo quitar.

Les recuerdo que abre bien sin ningun contratiempo pero al cerrar dice que falta un objeto.

Gracias.

[rogoelpra]

Esta es la Funcion que uso para ocultar la Capa:

Código PHP:

  function cierraloading() 
{ 
    alert("Voy a Ocultar"); 
    document.getElementById('loading').style.display="none"; 
    alert("Ya oculte"); 
}  
   

Me saca Bien Todo: El mensaje de que va a ocultar, Oculta la Capa y el mensaje de que ya oculto pero me muestra que se requiere un objeto...

Que podra ser...

[rogoelpra]

Gracias a Todos ya consegui lo que queria y ya no tiene el problemas el javascript...

La solucion era algo obvia ya que no era necesario mostrar la capa pues por defecto se mostraba. Lo que si es necesario es ocultarla.

Gracias eduardo1983 y GaboMaKano, fueron muy buenos sus aportes...