Foros del Web » Programando para Internet » Javascript »

Iframe Tamaño

Estas en el tema de Iframe Tamaño en el foro de Javascript en Foros del Web. Alguien Sabe como darle un tamaño al iframe para que se adapte al tamaño de una tabla en la que esta. Yo le doy el ...
  #1 (permalink)  
Antiguo 21/11/2002, 11:40
 
Fecha de Ingreso: junio-2001
Ubicación: Cordoba, Argentina
Mensajes: 190
Antigüedad: 22 años, 11 meses
Puntos: 0
Iframe Tamaño

Alguien Sabe como darle un tamaño al iframe para que se adapte al tamaño de una tabla en la que esta. Yo le doy el alto de 100% pero siempre me pone un frame de la mitad de la pantalla. Lo unico que puedo hace es darle un tamaño grande (500%) para que entre todo el conentido que quiero, pero no es una muy buena solucion. Si alguien sabe, sera bienvenido.
Saludos Martin
  #2 (permalink)  
Antiguo 21/11/2002, 12:20
 
Fecha de Ingreso: junio-2001
Ubicación: Cordoba, Argentina
Mensajes: 190
Antigüedad: 22 años, 11 meses
Puntos: 0
Aclaracion

El problema no depende de la tabla contenedora, porque la tabla se adapta al contenido. Lo que yo quiero saber es como cambiar el tamaño del iframe para que muestre todo su conentido sin scrolls bars...
Saludos
__________________
Martin
  #3 (permalink)  
Antiguo 21/11/2002, 12:40
Avatar de .
.
 
Fecha de Ingreso: mayo-2002
Ubicación: Tampico
Mensajes: 906
Antigüedad: 22 años
Puntos: 1
<iframe src="pagina.html" name=nombre width="100%" style="height:expression(document.body.clientHeigh t - 10)" frameborder=0 scrolling="auto">

solo que netscape no lo reconocerá, pero puedes ponerle un tamaño fijo para que cuando lo vean con Nestcape se muestre del tamaño que le definas, y si lo ven con IE se acomodará al tamaño de la ventana, en este caso le puse en negrita un número que se restará por si lo quieres hacer mas pequeño
  #4 (permalink)  
Antiguo 21/11/2002, 12:57
 
Fecha de Ingreso: junio-2001
Ubicación: Cordoba, Argentina
Mensajes: 190
Antigüedad: 22 años, 11 meses
Puntos: 0
Otra vez

Gracias por tu respuesta, eso ya lo habia probado, pero lo que yo necesito es que el iframe se adapte al su propio contenido.

La cosa es asi, hice una pagina en donde hay un menu y cada vez que se hace click en un item, el contenido se abre dentro del iframe. Cada item tiene un contenido distinto, entonces el tamño del iframe no puede ser fijo.
Yo quiero que el iframe no tenga scroll cosa que parezca que no hay frames en la pagina, por eso quiero que se agrande o achique segun el contenido mismo iframe.
Espero que se entienda (y ademas que se pueda hacer )
Saluos!!!
__________________
Martin
  #5 (permalink)  
Antiguo 21/11/2002, 13:03
Avatar de .
.
 
Fecha de Ingreso: mayo-2002
Ubicación: Tampico
Mensajes: 906
Antigüedad: 22 años
Puntos: 1
mm, pues la verdad nunca había echo eso.
pero puedes hacer una funcion en javascrip y según el link que presiones pasar parametros, en este caso sería el tamaño del Iframe, (un poco gorroso)
pero bueno es solo una idea

  #6 (permalink)  
Antiguo 21/11/2002, 13:22
 
Fecha de Ingreso: junio-2001
Ubicación: Cordoba, Argentina
Mensajes: 190
Antigüedad: 22 años, 11 meses
Puntos: 0
Gracias, de todas formas.

Encontre un codigo que hace eso.
para el que le interese es el siguiente :

<HTML>
<TITLE>Targeting Layers Demonstration</TITLE>
<STYLE>
IFRAME {position: absolute; border: none;}
</STYLE>
<SCRIPT>
// Targeting Layers - www.insideDHTML.com
// Copyright 1998, insideDHTML.com, LLC. All rights reserved.
// This code may be reproduced as long as the above copyright notice is maintained.
function doClick(ev) {
if (ev.target.href) {
var layer = document.layers[ev.target.target]
if (layer) {
layer.src = ev.target.href
return false
}
}
this.routeEvent(ev)
return true
}

function hookupEvents(el) {
el.captureEvents(Event.CLICK)
el.onclick = doClick
}

var ieDHTML = document.all !=null
var nsDHTML = document.layers

function checkFrames() {
var iframes = window.frames
var numFrames = iframes.length
for (var i=0; i < numFrames; i++) {
var f = iframes[i]
if ((f.document.readyState=="complete") && (f.document.cached==null)) {
f.document.body.style.border = "none"
var elFrame = document.all[f.name].tags("IFRAME")[0]
elFrame.style.height = f.document.body.scrollHeight
f.document.cached = true
}
}
setTimeout("checkFrames()",100)
}

if (nsDHTML) {
window.captureEvents(Event.CLICK)
window.onclick = doClick
}

if (ieDHTML)
checkFrames()

</SCRIPT>

<BODY>

<TABLE WIDTH=400><TR><TD>
<P>This page contains a navigation bar followed by a positioned <EM>layer</EM> that is loaded from an external file. Each time
you click a link in the navigation bar, the content frame is automatically updated.</TD></TR></TABLE>
<P>
<LAYER src="intro.htm" ID=content ONLOAD="hookupEvents(this)" WIDTH=300 LEFT=150>
<IFRAME SRC="intro.htm" name=content SCROLLING=no WIDTH=300 STYLE="left: 150px">
</IFRAME>
</LAYER>

<A HREF="mail.htm" TARGET="content">Introduction</A>
<BR><A TARGET="content" HREF="prueba.htm">Change Pages</A>
<P>
<FORM>
<INPUT TYPE=button VALUE="Continue" ONCLICK="window.opener.document.location= 'page5.asp'; top.close()">
</FORM>
</BODY>
</HTML>
__________________
Martin
  #7 (permalink)  
Antiguo 31/01/2011, 22:12
 
Fecha de Ingreso: enero-2011
Mensajes: 1
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: Iframe Tamaño

Hola Martin Acebedo!
Estoy buscando como loca en foros de web como resolver el mismo dilema que tu tenias.
Tengo en un html un swf (de menu) que carga distintos paginas en un iframe que esta en la misma pagina, pero los iframes que llama tienen distintos tamaños, no se como hacer que el iframe se adecue segun la medida de cada pagina que llama.

Tu adjuntaste un codigo que me gustaria saber si resulve ese problema, que de hecho ya he probado pero no lo entiendoo como funciona.

Si me pudieces ayudar estaria agradecidisima.
Saludos!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:58.