Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Apulko

[Resolvido] Iframe

Por , em Desenvolvimento frontend

Recommended Posts

Apulko    3

Apulko
Postado

Olá!

 

Gostaria de saber como faz pra ajustar uma página dentro do Iframe.

 

Tenho uma pagina Html normal, dentro dela tenho um iframe de (por ex) 200x300px. Dentro deste retângulo no iframe abre o site (por ex)http://g1.globo.com/. Até aí beleza, então o que quero é ajustar o site G1 dentro do iframe para que apareça apenas as notícias mais lidas.

 

Quero saber se tem como ajustar sem as barras de rolagem, mantendo o scrolling="no"

 

-------------------------

 

Pra quem entende um pouco de corel, quero fazer do Iframe a mesma coisa que um power clip.

 

 

Bom não sei se consegui me explicar, mas a dúvida está aí e agradeço a quem puder ajudar.

 

Valeu!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

André do Vale    76

André do Vale
Postado

Ou você utiliza algum plugin/código de scroll (scrollTo por exemplo) no iframe, fazendo ele rolar até o ponto XY desejado, ou pode ver uma maneira de executar esse javascript (jquery) dentro do iframe:

 

$('.agrupamento-ranking-textual').prependTo('body');
$('body>*').each(function(){
 if(!$(this).hasClass('agrupamento-ranking-textual')){
   $(this).remove();
 }
})

 

:thumbsup:

 

--- Edit: o código acima é para o exemplo citado (G1).

Compartilhar este post

Link para o post
Compartilhar em outros sites

Apulko    3

Apulko
Postado

Ou você utiliza algum plugin/código de scroll (scrollTo por exemplo) no iframe, fazendo ele rolar até o ponto XY desejado, ou pode ver uma maneira de executar esse javascript (jquery) dentro do iframe:

 

$('.agrupamento-ranking-textual').prependTo('body');
$('body>*').each(function(){
 if(!$(this).hasClass('agrupamento-ranking-textual')){
   $(this).remove();
 }
})

 

:thumbsup:

 

--- Edit: o código acima é para o exemplo citado (G1).

 

 

André obrigado pela resposta, mas desse modo seria o mais fácil, ou o único meio de isso ocorrer?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Apulko    3

Apulko
Postado

Bom, depois de pensar em uma forma de fazer isso, fazendo uma pequena gambiarra eu consegui.

 

Segue o código:

 

<body>
<!--Na div coloquei css com seu tamanho e dando limite a ela-->
<div style="overflow:hidden; width:300px; height:700px">

<!--Aqui no iframe coloquei o link, borda e scroll nulo, depois defini o 
tamanho do iframe e apliquei css para remanejar o ponto x e y, daí foi só 
regular o width e height do iframe e do css para chegar ao ponto exato-->
  <iframe src="http://g1.globo.com/"  frameborder="1" scrolling="no" width="1500" height="1550" style="margin-top:-1250px; margin-left:-922px"   >
  </iframe>

</div>
</body>

 

Reparem que consegui centralizar as noticias mais lidas (como ex).

 

 

 

Bom, consegui desse modo, se alguém souber algo mais simples e fácil diz aí.

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito