mostrar y ocultar capas

[dany_lum]

Buenas! Queria saber como puedo ocultar una capa al mostrar otra. Me explico:

Yo tengo un mapa de España en el que cada provincia es un tag area diferente. Tambien tengo ocultas una capa por cada provincia. Pues bien, al hacer click en una provincia me aparece una capa con la información de la tiendas en esa provincia. Hasta ahí todo bien. Lo que quiero saber es como hacer desaparecer esa misma capa cuando haces click en otra provincia.No se si me he explicado bien...

Gracias de antemano! Un saludo!

[Fernand0]

Podrias utilizar un array, o simplemente una variable, donde guardes el ID, por que no el mismo objeto?, luego a la hora de visualizar una capa, al inicio ejecutas un checkeo de la variable, y ocultas la/s capa/s de la variable

Código Javascript:

var Win;
 
function mostrar()
{
    if(Win!=null)
        Win.style.display="none";
 
    // aqui el resto del codigo...
 
    Win=nuevaVentanaQueHasMostrado;
}
 

saludos

[dany_lum]

Yo lo tenia en un array. pero no me funcionaba. He almacenado el id de la capa visible y antes de mostrar la nueva capa oculto la que estaba anteriormente visible.

Aquí dejo el código por si a alguien le pasara lo mismo:


<script language="javascript" type="text/javascript">
var act="";
function mostr_capa (id)
{
if (act!="")
{ ocult_capa(act);}
document.getElementById(id).style.display='block';
act=id;
}
function ocult_capa (id)
{
document.getElementById(id).style.display='none';
}
</script>

Muchas gracias Fernand0!! Un saludo!

[Narkha]

A mie paso algo parecido con unos enlaces.
era debido a que tenia una capa con z-index: -1
A lo mejor la capa con las tiendas impide que puedas pulsar sobre otra provincia

[Fernand0]

Como dice Narkha, fijate si en verdad se ejecutan esas funciones, si estas obteniendo el ELEMENT(por medio de document.getElementById), tal vez haces un cambio de id, o quitas elementos, y se puede llegar a perder el elemento correspondiendo al ID que tenes(estoy adivinando, no has mostrado todo el codigo)...

Fijate el manejo de DIVs que haces cuando mostras un elemento, por ahi ese elemento tiene algun argumento en CSS que lo hace ocupar todo el ancho del monitor, etc.(con firebug, un plugin de Firefox, podes ver cada una de las capas con color cuando le pasas el mouse por encima a las etiquetas del codigo)

saludos