Iframe a parte especifica

Vcnt · #1 (**permalink**) 02/03/2013, 13:16

Hola
Queria saber si esto se puede hacer.
He puesto un frame en mi pagina que saca una parte de otra. Pero lo uqe quiero que salga esta a 300 px de la parte de arriba ya 200 de la parte izquierda.

Puedo darle esos valores al frame?

pzin · #2 (**permalink**) 02/03/2013, 13:26

No entiendo qué necesitas hacer.

Vcnt · #3 (**permalink**) 02/03/2013, 13:31

Jo.. jeje!

A ver. en mi web quiero una "ventana" a un punto especifico de otra web. pero si hago un iframe directo me aparece desde el pixel superio 0 y el izquiedo 0, y lo que yo quiero que aparezca esta mas abajo y mas a la derecha.

pzin · #4 (**permalink**) 02/03/2013, 13:40

Con HTML lo único que podrías hacer es enlazarlo hacia algún ID que tenga declarado en el código fuente.

Por ejemplo, si la página del iframe que vas a cargar tiene por ejemplo donde quieras que ponga el scroll algo como:

Código HTML:

Ver original<div id="algo">

Puedes poner como valor de la fuente (el "src") del iframe algo como: pagina.html#algo

Ahora lateralmente no creo que se pueda. Incluso dudo que se pueda hacer con JavaScript —aunque no lo sé seguro.

emprear · #5 (**permalink**) 02/03/2013, 19:15

Efectivamente. como señala @Bonez, con javascript

Algo asi

index.html

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>scroll to en iframe desde parent</title>
</head>
<body>
<p><button onclick="document.getElementById('iframescroll').contentWindow.scrollWindow(1600,500);">ir a posición 1600,500</button>
<br />
<button onclick="document.getElementById('iframescroll').contentWindow.scrollWindow(500,300);">ir a posición 500,300</button>
</p>
<iframe src="scrollto.html" id="iframescroll" width="500" height="200" style="overflow: hidden; border: solid 1px #000;">
</iframe>
</body>
</html>

scollto.html (src del iframe)

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>scrollTo en iframe</title>
<style type="text/css">
/*<![CDATA[*/
html, body{
padding: 0;
margin: 0;
border: none;
height: 2000px
width: 2000px;
}
div#test{
position: absolute;
left: 1600px;
top: 500px;
width: 100px;
height: 40px;
background: lime;
margin: 0;
}
 
div#test2{
position: absolute;
left: 500px;
top: 300px;
width: 100px;
height: 40px;
background: red;
margin: 0;
}
/*]]>*/
</style>
<script>
function scrollWindow(x,y){
window.scrollTo(x,y);
}
</script>
</head>
<body>
<div id="test">
    1600,500
</div>
<div id="test2">
    500,300
</div>
</body>
</html>

Es decir, definis la función en el iframe que usa el método scrollTo() y le pasás los valores desde el parent

SAludos