iframe autoheight

[DJJJ]

Hola Necesito hacer una pagina que contiene cuatro link
y un iframe

que al apretar en cada link carge una pagina, segun el link no
el problema es que necesito que no tenga el iframe scroll y lo que siii necesito es detecte el largo de la pagina y lo ponga automatico es decir un auto heigth digamos.

alguien me puede dar una mano?

[Saruman]

ok, con esto haces lo que pides.

esto lo colocas en el html de tu página.

index.ext

Código HTML:

<script language="javascript">
 window.onload = function() {
  document.getElementById("suppliers_history").scrolling = "no";
  document.getElementById("suppliers_history").src = "tuiframe.ext";
 }
</script>
<iframe width="95%" id="suppliers_history" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe> 

dentro del div va TODO tu html (contenido) para poder que el script calcule el alto de la pagina...

tuiframe.ext

Código HTML:

<div id="div_supplier_history">
<!-- HTML (contenido)-->
</div>
<script language="javascript">
 window.onload = function() {
  window.resizeTo(window.parent.document.getElementById("suppliers_history").offsetWidth, document.getElementById("div_supplier_history").offsetHeight+30)
 }
</script> 

saludos

[DJJJ]

gracias ahora mismo lo pruebo

[DJJJ]

algo asi

mira la pagina principal

Código:

<iframe name="juan" scrolling="no" width="261" height="348">
</iframe>
<br>
<br>
<a href="http://www.sinvueltasfm.com.ar/not.htm" TARGET="juan">aaaaaa</a>
<br>
<a href="http://www.sinvueltasfm.com.ar/algo.htm" TARGET="juan">aaaaaa</a>
<br>
<a href="http://www.sinvueltasfm.com.ar/eso.htm" TARGET="juan">aaaaaa</a>

y en las de los iframe

eso.htm algo.htm not.htm

iria noticias con fotos texto y demas

[elbar]

El asterisco en html solo, no funciona...
habria que probar con algun script...

Ahora, si le pones el frameborder en cero...da un efecto similar si podes manejar el tamaño de la tabla...

Proba asi:

Código HTML:

 <a href="http://www.siicsalud.com/imagenes/i01116030b.gif" target="juan">FOTO1</a> | 
<a href="http://www.susalud.com.co/images/5sentidos/especial01.jpg" target="juan">FOTO 2</a></center><br>
<iframe name="juan" scrolling="no" width="*" height="348" frameBorder=0 src="http://www.susalud.com.co/images/5sentidos/especial01.jpg">
</iframe> 

Puse dos imagenes cualquiera en distinto tamaño...

[Saruman]

Iniciado por DJJJ

algo asi

mira la pagina principal

Código:

<iframe name="juan" scrolling="no" width="261" height="348">
</iframe>
<br>
<br>
<a href="http://www.sinvueltasfm.com.ar/not.htm" TARGET="juan">aaaaaa</a>
<br>
<a href="http://www.sinvueltasfm.com.ar/algo.htm" TARGET="juan">aaaaaa</a>
<br>
<a href="http://www.sinvueltasfm.com.ar/eso.htm" TARGET="juan">aaaaaa</a>

y en las de los iframe

eso.htm algo.htm not.htm

iria noticias con fotos texto y demas

man, y donde pones lo que te puse?? de ser asi no puedo ayudarte mucho, ya que no veo entonces para que pediste el script si no lo usas, o simplemente, no lo posteas para ver que error te esta mandando

saludos

[DJJJ]

no lo script los puse y todo, no te guies por el codigo que puse abajo de tu repuestas
es otra cosa,

mira dame un segundo sumaran y lo subo a mi hosting para que veas el error sip???

y no seas malo, que tu me ayudaste un monton de veces tambien, y los codigos que me diste lo he usado y me sirvieron un monton

saludos

[DJJJ]

mira lo subi al mi hosting

http://www.sinvueltasfm.com.ar/prueba/index1.htm

y ahi anda


pero con el frontpage

me da el error

acceso denegado
porque?
como lo puedo solucionar???
para que pueda seguir editando la web
ya que si no la tengo que estar subiendo a cada rato

saludos

y si te enojaste pido disculpas
no es mi intension

[Saruman]

que tal, hasta hoy veo tu post, ya que el fin estaba libre
bueno, de lo que vi funciona todo bien... no c cual es el error que te sale a ti.... explicate mejor

saludos

[DJJJ]

hola:

el error es cuando estoy editando la pagina en el front page, y al ejecutarla desde ahi me sale el error

acceso denegado

osea cuando la subo al servidor todo bien
pero cuando la edito desde el fp me da ese error

saludos

[Saruman]

me imagino que no tas abriendo la pagina madre (la que contiene el iframe)... que raro, y lo corres local pero sin abrirlo del frontpage? me imagino que el frontpage te esta haciendo algo... no c.. no uso frontpage...

dejame saber cualquier cosa

saludos

[Toni69]

Iniciado por Saruman

ok, con esto haces lo que pides.

esto lo colocas en el html de tu página.

index.ext

Código HTML:

<script language="javascript">
 window.onload = function() {
  document.getElementById("suppliers_history").scrolling = "no";
  document.getElementById("suppliers_history").src = "tuiframe.ext";
 }
</script>
<iframe width="95%" id="suppliers_history" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe> 

dentro del div va TODO tu html (contenido) para poder que el script calcule el alto de la pagina...

tuiframe.ext

Código HTML:

<div id="div_supplier_history">
<!-- HTML (contenido)-->
</div>
<script language="javascript">
 window.onload = function() {
  window.resizeTo(window.parent.document.getElementById("suppliers_history").offsetWidth, document.getElementById("div_supplier_history").offsetHeight+30)
 }
</script> 

saludos

Hola, ante todo gracias por tu aportacion, y lo siento ya que entiendo muy poco de esto, el primer archivo mas o menos lo veo, pero el problema esta en el segundo:
- Entiendo que dentro de la capa debo de meter el contenido de la pagina.
- ¿Pero si el contenido es un iframe que procede de otra pagina como se hace?, ya que si la pagina a mostrar es por ej. iframe.htm, donde se pondria.

Bueno gracias y lo siento por entender poco de esto.
Gracias

[DJJJ]

el codigo que hizo saruman anda espectacular
es muy facil de ponerlo

[Toni69]

Iniciado por DJJJ

el codigo que hizo saruman anda espectacular
es muy facil de ponerlo

Hola, gracias por tu respuesta, pero me has dejado igual que antes,.
- El archivo index.ext, carga el tuiframe.ext ¿No?, pero si en vez de poner un codigo determinado en html, quieres enlazar con una pagina ej. www.as.com que se debe poner tambien en esa parte¿?¿ (en HTML CONTENIDO).
Bye

[DJJJ]

pon dentro del <div>

el otro <iframe> que mensionas

o sea

Código HTML:

<div id="div_supplier_history">
<!-- HTML (contenido)-->

<iframe src="pagina que quieres poner"></iframe>


</div>


<script language="javascript">
 window.onload = function() {
  window.resizeTo(window.parent.document.getElementById("suppliers_history").offsetWidth, document.getElementById("div_supplier_history").offsetHeight+30)
 }
</script> 

lo que pasa que si lo haces asi el iframe no ajusta su tamaño

[JuanC_]

El tema es el siguiente:
Suponiendo que el iframe carga una pagina, y esa pagina que esta cargada en el iframe a su vez carga otra, por ejemplo, una serie de fotos donde vos seleccionas cual ver, y despues adentro de ese archivo tenes un menu de navegacion con siguiente y anterior por ejemplo, como se hace algo asi?

[Ziraw]

Se que este tema es del 2006 y es muy antiguo y es necropost.

Código HTML:

<script language="javascript">
 window.onload = function() {
  window.resizeTo(window.parent.document.getElementById("suppliers_history").offsetWidth, document.getElementById("div_supplier_history").offsetHeight+30)
 }
</script> 

Pero ese script no funciona en firefox, podria alguien decir si existe algo similar que funcione en firefox tambien?

Muchas gracias!

[Ziraw]

O cualquier script en JavaScript que al ser llamado haga un resize de la pantalla actual al tamaño de la pagina.

Please Help

[JavierB]

El mensaje original es de hace casi 3 años. Por favor, no reviváis temas tan antiguos.

Saludos,