iframe
Publicado por mariaanie (1 intervención) el 05/12/2008 08:50:45
Hola buenas 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 todo
este es mi codigo javascript:
<script>
$("infoFrame").style.width="${initParam.InfoFrameWidth}" //"950px";//"749px";
$("infoFrame").style.height="${initParam.InfoFrameHeight}" // 596px
if (document.all){
$("infoBackground").style.width=document.body.scrollWidth
$("infoBackground").style.height=document.body.scrollHeight
}
function cerrarVentanaImagen(){
$("infoBackground").hide();
$("infoFrame").hide();
$("controles").hide();
}
function cargarhistorico(){
$("infoFrame").src="historico.jsp";
$("infoBackground").show();
$("infoFrame").show();
$("controles").show();
}
</script>
estas son las etiquetas:
<div id="infoBackground" style="display:none;
position:absolute;top:0;left:0;bottom:0;right:0;opacity:.5;background-color:black;filter: alpha(opacity=50);">
</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 -->
<iframe id="infoFrame" style="opacity:1;position:absolute;
top:1em;
left:1.5em;bottom:1em;right:1em;
display:none;
width:${initParam.mapSizeW};height:${initParam.mapSizeH};
background-color:white;border:0;" src="" >
</iframe>
<div id="controles" style="display:none;position:absolute; top:360px; left:5%;
width:80%;height:2em;
padding:2em;text-align:center;background-color:white;">
<input type="button" onclick="anterior()" value="Anterior" style="text-align:center; border: 1px solid gray;"/>
<input type="button" onclick="cerrarVentanaImagen()" value="Cerrar" style="width:10em;text-align:center; border: 1px solid gray;" />
<input type="button" onclick="siguiente()" value="Siguiente" style="text-align:center; border: 1px solid gray;" />
</div>
este es el enlace que tengo dentro del iframe
<a href="#" onclick="javascript:cargarhistorico()" style="float:left; color:blue;text-decoration:none;padding-left:1em;">Acceso a Historicos</a>
este es mi codigo javascript:
<script>
$("infoFrame").style.width="${initParam.InfoFrameWidth}" //"950px";//"749px";
$("infoFrame").style.height="${initParam.InfoFrameHeight}" // 596px
if (document.all){
$("infoBackground").style.width=document.body.scrollWidth
$("infoBackground").style.height=document.body.scrollHeight
}
function cerrarVentanaImagen(){
$("infoBackground").hide();
$("infoFrame").hide();
$("controles").hide();
}
function cargarhistorico(){
$("infoFrame").src="historico.jsp";
$("infoBackground").show();
$("infoFrame").show();
$("controles").show();
}
</script>
estas son las etiquetas:
<div id="infoBackground" style="display:none;
position:absolute;top:0;left:0;bottom:0;right:0;opacity:.5;background-color:black;filter: alpha(opacity=50);">
</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 -->
<iframe id="infoFrame" style="opacity:1;position:absolute;
top:1em;
left:1.5em;bottom:1em;right:1em;
display:none;
width:${initParam.mapSizeW};height:${initParam.mapSizeH};
background-color:white;border:0;" src="" >
</iframe>
<div id="controles" style="display:none;position:absolute; top:360px; left:5%;
width:80%;height:2em;
padding:2em;text-align:center;background-color:white;">
<input type="button" onclick="anterior()" value="Anterior" style="text-align:center; border: 1px solid gray;"/>
<input type="button" onclick="cerrarVentanaImagen()" value="Cerrar" style="width:10em;text-align:center; border: 1px solid gray;" />
<input type="button" onclick="siguiente()" value="Siguiente" style="text-align:center; border: 1px solid gray;" />
</div>
este es el enlace que tengo dentro del iframe
<a href="#" onclick="javascript:cargarhistorico()" style="float:left; color:blue;text-decoration:none;padding-left:1em;">Acceso a Historicos</a>
Valora esta pregunta
0
