Sacar ventana fuer de iframe
Tengo un pequeño problema con un iframe, resulta que yo tengo una web maquetada en tablas, en una de las celdas tengo incluido un iframe (que contiene otra parte de la web)que se refesca cada 20 segundos, el problema es que en el iframe tengo un enlace que me saca una ventana, pero al sacarla, solo me la saca en la zona que representa el iframe y yo quiero que esa ventana ocupe todoa la ventana de la página principal que esta fuera del iframe es posible::
Este es mi código javascript:
<script src="../scripts/prototype.js"
type="text/javascript"></script>
<script type="text/javascript" >
$("infoFrame").style.width="${initParam.InfoFrameW idth}" //"950px";//"749px";
$("infoFrame").style.height="${initParam.InfoFrame Height}" // 596px
if (document.all){
$("infoBackground").style.width=document.body.scro llWidth
$("infoBackground").style.height=document.body.scr ollHeight
}
function cerrarVentanaImagen(){
$("infoBackground").hide();
$("infoFrame").hide();
$("controles").hide();
}
function cargarhistorico(){
$("infoFrame").src="historico.jsp";
$("infoBackground").show();
$("infoFrame").show();
$("controles").show();
}
estas son las etiquetas:
<div id="infoBackground" style="display: none; top: 0pt; left: 0pt; bottom: 0pt; right: 0pt; background-color: black;">
</div>
<!--div style="position:absolute;top:1em;width:950px;left: 2em;background-color:#00f;height:1.5em;border:0;padding:0" onclick="$('infoBackground').hide()"></div -->
<br />
<div id="controles" style="display: none; position: absolute; top: 360px; left: 5%; height: 2em; text-align: center; background-color: white;">
<input style="text-align:center; border: 1px solid gray;" onclick="anterior()" type="button" value="Anterior" />
<input style="border: 1px solid gray; width: 10em; text-align: center;" onclick="cerrarVentanaImagen()" type="button" value="Cerrar" />
<input style="text-align:center; border: 1px solid gray;" onclick="siguiente()" type="button" value="Siguiente" />
</div>
Este es el enlace que tengo dentro del iframe
Acceso a Históricos
Este es mi código javascript:
<script src="../scripts/prototype.js"
type="text/javascript"></script>
<script type="text/javascript" >
$("infoFrame").style.width="${initParam.InfoFrameW idth}" //"950px";//"749px";
$("infoFrame").style.height="${initParam.InfoFrame Height}" // 596px
if (document.all){
$("infoBackground").style.width=document.body.scro llWidth
$("infoBackground").style.height=document.body.scr ollHeight
}
function cerrarVentanaImagen(){
$("infoBackground").hide();
$("infoFrame").hide();
$("controles").hide();
}
function cargarhistorico(){
$("infoFrame").src="historico.jsp";
$("infoBackground").show();
$("infoFrame").show();
$("controles").show();
}
estas son las etiquetas:
<div id="infoBackground" style="display: none; top: 0pt; left: 0pt; bottom: 0pt; right: 0pt; background-color: black;">
</div>
<!--div style="position:absolute;top:1em;width:950px;left: 2em;background-color:#00f;height:1.5em;border:0;padding:0" onclick="$('infoBackground').hide()"></div -->
<br />
<div id="controles" style="display: none; position: absolute; top: 360px; left: 5%; height: 2em; text-align: center; background-color: white;">
<input style="text-align:center; border: 1px solid gray;" onclick="anterior()" type="button" value="Anterior" />
<input style="border: 1px solid gray; width: 10em; text-align: center;" onclick="cerrarVentanaImagen()" type="button" value="Cerrar" />
<input style="text-align:center; border: 1px solid gray;" onclick="siguiente()" type="button" value="Siguiente" />
</div>
Este es el enlace que tengo dentro del iframe
Acceso a Históricos
1 respuesta
Respuesta de franksct
1