16-jul-2005, 05:49
|
#1 (permalink) |
 Fecha de Ingreso: julio-2005
Mensajes: 58
|
iframe con tamaño dinamico, alguien sabe hacerlo?
bueno tengo un iframe en una page html. y ahi dentro se cargan las otras pages tocando sobre un menu... el problema es q cada contenido llamoslo conte1 conte2 no son = en altura por lo tanto el iframe se deberia adaptar a los dos. estuve buscando por la inter y dicen q con code javascript se puede hacer pero no encontre naa... bueno si alguien sabe como hacerlooo q me ayudeee. graciasssss Saludos c-youuu |
|
|
|
16-jul-2005, 09:08
|
#2 (permalink) |
|
Fecha de Ingreso: junio-2005
Mensajes: 63
|
a ver si te sirve esto
Código:
<html>
<head>
<script type="text/javascript">
/***********************************************
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["foro"]
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers
function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids[i])
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}
function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}
function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}
function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}
if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller
</script>
</head>
<body>
blah...
<iframe id="foro" src="foro.php" frameborder="0" framespacing="0" scrolling="auto" border="0" width="100%">
</iframe>
blah...
|
|
|
|
|
01-may-2006, 03:04
|
#4 (permalink) |
|
Fecha de Ingreso: junio-2005
Mensajes: 1
|
a mi me sirvio bastante este pruebalo es muy sencillo
<!-- funcion para no mostras el scroll y hacer lel frame se adapte al a pagina que contiene --> function reSize() { try{ var oBody = ifrm.document.body; var oFrame = document.all("ifrm"); oFrame.style.height = oBody.scrollHeight + (oBody.offsetHeight - oBody.clientHeight); oFrame.style.width = oBody.scrollWidth + (oBody.offsetWidth - oBody.clientWidth); } //An error is raised if the IFrame domain != its container's domain catch(e) { window.status = 'Error: ' + e.number + '; ' + e.description; } } <!-- fin de funcion para cambiear los tamanhos del frame --> luego invocas la funcion desde el onload del iframe de esta manera <iframe onload=reSize() id=ifrm name="contenido" height="100%" width="100%" frameborder="0" scrolling="no"> espero que te sirva saludos |
|
|
|
|
17-may-2007, 09:18
|
#7 (permalink) |
|
Fecha de Ingreso: mayo-2007
Mensajes: 1
|
Re: iframe con tamaño dinamico, alguien sabe hacerlo?
hola vicky, esto es del año pasado pero tal vez lo tenes a mano.
yo estoy haciendo un resize de un iframe asi: var navFoldersFrame = document.getElementById("emailNavFolders"); navFoldersFrame.style.width = 140; que funciona perfectamente en IE, pero no en firefox... asi que si sabes cómo, te agradezco |
|
|
|
|
31-oct-2007, 14:15
|
#8 (permalink) |
|
Fecha de Ingreso: octubre-2007
Mensajes: 1
|
Re: iframe con tamaño dinamico, alguien sabe hacerlo?
Cita:
Iniciado por vickyvxr
Ya lo hice sola, si alguien quiere el codigo (no lo posteo pq esta adaptado a mi página que me envie un mail )
 oye crees que me puedas pasar el codigo del frame dinamico |
|
|
|
|
03-nov-2007, 12:35
|
#10 (permalink) |
 
Fecha de Ingreso: septiembre-2005
Ubicación: Chile
Mensajes: 2.017
 |
Re: iframe con tamaño dinamico, alguien sabe hacerlo?
pues deberia colgar su codigo, es la idea de los foros no...
si no cual es la idea de pedir ayuda y yo decir si me mandas mail te lo paso X) la idea es discutirlo poder mejorlarlo y prestarlo a quienes lo necesiten no ;)
__________________
Mas Sabe el que Estudia que el que no..... Pero mas goza el que no estudia :P no respondo por MP |
|
|
|
|
04-nov-2007, 09:13
|
#12 (permalink) |
|
Fecha de Ingreso: septiembre-2005
Ubicación: Chile
Mensajes: 2.017
|
Re: iframe con tamaño dinamico, alguien sabe hacerlo?
vamos que aqui todos sabes desadaptar un codigo para que nos funcione :P
__________________
Mas Sabe el que Estudia que el que no..... Pero mas goza el que no estudia :P no respondo por MP |
|
|
|
|
29-abr-2008, 21:30
|
#13 (permalink) |
|
Fecha de Ingreso: abril-2008
Mensajes: 6
|
Re: iframe con tamaño dinamico, alguien sabe hacerlo?
sonyweb, he probado tu código.
No consigo que la altura del iframe se mueva en Firefox lo más mínimo. Da la impresión de que está sujeta a una altura prefijada y de ahí no se mueve. Tengo que decir que yo apunto en src a un archivo html y no php como tu pusiste... llcg también he probado tu código y no consigo que aumente la altura.............estoy empezando a desesperar.......arrghhhhhh Última edición por kali-mero; 29-abr-2008 a las 21:40. |
|
|
|
 |
| Herramientas | |
| Desplegado | |
|
|
¿Alguien me puede echar una mano plz?????
Mode Lineal
