Hola ya para dejarme entender mejor aqui dejo la pagina de un ejemplo del problema que tengo:
perfodem.com/prueba/
Ahi como veran al ir a la seccion obras te muestran 2 imagenes y al seleccionar una de esas obras hara que la pagina se desabilite para mostrar unas fotos sobre esa obra. Mi problema esta en que cuando doy click en la imagen me desabilita solo la pagina del iframe mas no la pagina principal y necesito que la pagina principal se desabilite, Bueno cualquier respuesta sera muy recibida :)
La pagina Principal es prueba.html:
<body>
<div id="principal">
<div><a href="presentacion.html" target="contenido">Presentacion</a></div>
<div><a href="Obras.html" target="contenido">Obras</a></div>
<div><a href="novedades.html" target="contenido">Novedades</a></div>
</div>
<div id="contenido">
<iframe src="presentacion.html" width="400px" height="200px" scrolling="no" name="contenido"></iframe>
</div>
y La pagina obras.html es:
<style type="text/css">
#capaVentana {
visibility:hidden;
width:700px;
height:400px;
margin:0 auto;
z-index:3;
position:relative;
}
#capaFondo3 {
visibility:hidden;
position:absolute;
padding:0px;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color: #CCCCCC;
-moz-opacity: .65;
filter: alpha(opacity=65);
opacity:.65;
width:100%;
height:596px;
z-index:2;
}
</style>
<script language="javascript">
a=1;
function abrirVentana()
{
document.getElementById("capaFondo3").style.visibi lity="visible";
document.getElementById("capaVentana").style.visib ility="visible";
}
function cerrarVentana()
{
document.getElementById("capaFondo3").style.visibi lity="hidden";
document.getElementById("capaVentana").style.visib ility="hidden";
}
</script>
</head>
<body>
<div style="width:400px; height:200px;">
<div style="width:50px; height:70px; float:left;"><a href="javascript
:abrirVentana();"><img src="f1.jpg" /></a>Obra1</div>
<div style="width:50px; height:70px; float:left;"><a href="javascript
:abrirVentana();"><img src="f2.jpg" /></a>Obra2</div>
</div>
<div style="visibility: hidden;" id="capaVentana">
</div>
<div style="visibility: hidden;" id="capaFondo3"> </div>
</body>
P.D.- Espero que esta vez si se entienda y Disculpen si soy algo desordenado Y.Y