Recortar pagina con Iframe

roglogg · #1 (**permalink**) 14/12/2009, 18:42

A ver si me podéis ayudar, necesito presentar una pagina dentro de mi pagina, pero la pagina que quiero meter solo necesito un trozo que esta mas o menos por el medio.

Con Iframe se le puede decir la zona a mostrar o se pude hacer con Java.

No necesito que muestre todo la pagina sino una zona determinada, se que es complejo porque ya llevo muchísimo mirado y no he encontrado como hacerlo.

No se si me he explicado correctamente.

asinox · #2 (**permalink**) 14/12/2009, 23:08

Que tal si usas un Iframe dentro de un div y a este div le pones overflow:hidden?

Saludos

roglogg · #3 (**permalink**) 15/12/2009, 02:11

Me puedes poner un ejemplo de un código completo?

Mil y un gracias.

roglogg · #4 (**permalink**) 15/12/2009, 02:14

Que tendria que cambiar.

<div class="" style="left:210px; top:0px; z-index:0; position: absolute; visibility: inherit; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000; width: 704px;">
<IFRAME SRC="ani_europa.html" scrolling="no" WIDTH="704px" HEIGHT="540px" frameborder="0" style="border:0px"></IFRAME>
</div>

lo que necesito es mostras solo una parte de la pagina "ani_europa.html" no la pagina completa sino un trozo determinado que esta mas o menos en medio.

blogger · #5 (**permalink**) 15/12/2009, 13:58

Quieres que te ayudemos a robar contenido de otro sitio? eso es lo que quieres?

De no ser así, explicame entonces por que solo quieres poner un trozo que esta mas o menos por el medio. Por que no puedes tomar el código del pedazo que quieres de ani_europa.html y simplemente añadirlo a la pagina donde lo vas a mostrar?

roglogg · #6 (**permalink**) 15/12/2009, 15:10

Cita:

Iniciado por blogger

Quieres que te ayudemos a robar contenido de otro sitio? eso es lo que quieres?

Pues si, si que quiero ROBAR contenido de otros sitio.... Asi a que suena muy mal, es una contestación a su pregunta, tan directa.

No se si merecerá la pena explicarle lo que necesito hacer porque si empleamos la palabra ROBAR antes de preguntar, posiblemente usted ya tenga un juicio hecho sobre lo que necesito.

Simplemente estoy preparando una pagina sobre mi estación meteorológica, mi estación colabora con varias paginas de meteorológicas enviándole datos de forma continua.

Simplemente deseo enlazar datos con una de las paginas con la que colaboro, para poder realizar una representación gráfica del estado de mi comunidad autónoma, la dirección es:

http://www.meteoclimatic.com/index/mapinfo/ESAST

Y deseo presentar en mi pagina las máximas y mínimas con el estado actual de las diferentes estaciones que colaboran con este proyecto, de esta forma deseo ver todos las localidades que rodean a la mía.

Creo que esto no es robar como bien as dicho al principio, yo colaboro con mi estacion en esos datos y mucha otra gente colabora con sus estaciones, simplemente deseo que cuando la gente visite mi estación meteorologica pueda ver el estado de las estaciones que colaboramos en este proyecto. ¿Esto es robar?

Mi conocimientos en programación son limitados, si podéis ayudarme bien, si no es asi gracias por todo y disculpar las molestias que os pudiera a ver causado.

roglogg · #7 (**permalink**) 16/12/2009, 15:02

El post de Negociasv ¿Que es publicidad?

roglogg · #8 (**permalink**) 16/12/2009, 16:18

Simplemente deseo que me digáis si podéis ayudarme o no... Gracias.

mariomon17 · #9 (**permalink**) 16/12/2009, 16:32

Iframe: http://www.w3.org/TR/REC-html40/pres...es.html#h-16.5

jomaruro · #10 (**permalink**) 16/12/2009, 16:35

Hola:

Cita:

Iniciado por roglogg

El post de Negociasv ¿Que es publicidad?

Más que publicidad es spam.

Saludos.

roglogg · #11 (**permalink**) 16/12/2009, 16:39

Cita:

Iniciado por mariomon17

Iframe: [url]http://www.w3.org/TR/REC-html40/present/frames.html#h-16.5[/url]

Gracias, pero antes de visitaros ya intente entender todo eso y no hay manera de que me entre, simplemente os pido un ejemplo de como se pude hacer a partir de mi código (Si se puede).

Un saludo.

mariomon17 · #12 (**permalink**) 16/12/2009, 17:02

Weno, buscando por este mismo foro encontres esto:
http://www.forosdelweb.com/f4/iframe-x-723521/
A ver si t sirve.

mariomon17 · #13 (**permalink**) 16/12/2009, 17:05

Alli t explica cómo hacerlo con CSS:

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
        #outerdiv
        {
        width:446px;
        height:246px;
        overflow:hidden;
        position:relative;
        }
 
        #inneriframe
        {
        position:absolute;
        top:-412px;
        left:-318px;
        width:1280px;
        height:1200px;
        }
    </style>
    </head>
    <body>
        <div id='outerdiv'>
        <iframe src="http://www.yahoo.com/" id='inneriframe' scrolling=no></iframe>
        </div> 
    </body>
</html>

roglogg · #14 (**permalink**) 17/12/2009, 02:04

Mil gracias, por lo que veo esta parte puede ir dentro de mi css

#outerdiv
{
width:446px;
height:246px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-412px;
left:-318px;
width:1280px;
height:1200px;
}

Y esta en el html
<div id='outerdiv'>
<iframe src="http://www.yahoo.com/" id='inneriframe' scrolling=no></iframe>
</div>

De este modo lo tengo mejor organizado. ¿me equivoco?

mariomon17 · #15 (**permalink**) 17/12/2009, 09:08

Asi esta bien.
JEJE

roglogg · #16 (**permalink**) 17/12/2009, 14:56

Una ultima pregunta ¿como activo el scrolling? he probado con:

scrolling=YES
scrolling="YES"
scrolling='YES'

y no funciona, como debo de activarlo.

mariomon17 · #17 (**permalink**) 17/12/2009, 16:25

va sin comillas

roglogg · #18 (**permalink**) 17/12/2009, 17:08

Cita:

Iniciado por mariomon17

va sin comillas

Lo he probado sin comillas pero no funciona

zerokilled · #19 (**permalink**) 17/12/2009, 18:37

en la propiedad overflow de css, asignale valor auto. con hidden, no se muestra ningun mecanismo de scrolling. con auto, se muestra cuando sean necesarios. o con valor scroll, las barras siempre son visibles.