problema con iframe
Mi problema es el siguiente:
Tengo una pagina dibidida en 3 marcos, en el marco del medio hay una botonera que esta hecha en flash con fondo transparente para poder desplegar el menu emergente, debajo de esta botonera esta todo el contenido de la pagina que se inserta como iframe.
El problema, es el scroll.
Como hago para que el scroll empiece y termine como esta en la imagen, osea, que empieza justo despues de la botonera y termime al pie de la pagina.
la posicion del iframe comienza 107 pixeles mas abajo para que el contenido no aparezca debajo de la botonera, solo debajo del desplegable, el problema es que si pongo altura al 100% esta resta de pixeles hace que debajo de todo no aparezca la flechita del scroll.
Como se puede hacer para que el scroll comience a esa altura y termine al final de la pagina y varie segun el tamaño de la ventana.
no se si me explico bien...
Un Saludo!
cbp
prueba a pillar el alto de la pantalla con document.body.clientHeight y después haces un document.writeln de tu iframe con ese alto menos los 107px
MAXer3D
Gracias por lo pronta de tu respuesta pero no se como implementar lo que me aconsejas, si pudieras poner la estructura de como iria el codigo te lo agradeceria mucho
Un Saludo
cbp
<code>
<script>
var alto = Number(document.body.clientHeight) - 107;
document.writeln('<iframe style="width:100%;height:' + alto +'px;">');
</script></iframe>
</code>
como me vea meddle escribiendo esto, me acusa de apología de terrorismo web :D
MAXer3D
Muchas gracias cbp, ya queda visible el scroll completo pero cuando cambio el tamaño de la ventana este queda con el mismo tamaño.
Como puedo hacer para que cuando cambie el tamaño de la ventana, cambie tambien la posicion del scroll?
Un saludo!
cbp
en el body pon onresize="redimensiona()" y creas una función que sea así
<code>
function redimensiona() {
alto = Number(document.body.clientHeight) -107;
document.getElementById('id_del_iframe').style.height = alto;
}
</code>
prueba a ver si funciona :)
MAXer3D
Perfecto, funciono!
Muchisimas gracias cbp!!!
este es el codigo:
<code></head>
<body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0" onresize="redimensiona()" >
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:625px; height:307px; z-index:2">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="625" height="307">
<param name="movie" value="menu.swf">
<param name="quality" value="high">
<PARAM NAME=wmode VALUE=transparent>
<embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="625" height="307"></embed></object>
</div>
<table width="620" height="107" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<table width="620" height="" border="0" cellpadding="0" cellspacing="0">
</table>
<script>
function redimensiona() {
alto = Number(document.body.clientHeight) -107;
document.getElementById('ifr').style.height = alto;
}
var alto = Number(document.body.clientHeight) - 107;
document.writeln('<iframe id="ifr" src="lineas.asp" style="width:100%;height:' + alto +'px;">');
</script></iframe>
</body>
</html></code>
cbp
jeje, me alegro hombre, pero que sea un secreto entre tú y yo, que no se enteren los gurús del CSS de que ando ayudando con hacks de javascript para iframes :P
MAXer3D
ok!!!
Gracias denuevo!
Saludos!