Jump to content
Fórum Script Brasil
  • 0

Como abrir uma página.html em uma div com JavaScript (Ajax)


PHS
 Share

Question

Bom dia,

Depois que resolvi meu problema inicial (http://scriptbrasil.com.br/forum/index.php?showtopic=170375), encontrei um novo.

Construí um redirecionador que carrega uma página dentro de um iframe em outra página.

JavaScript da página secundária (a ser redirecionada)

<script type="text/javascript">
var hostUrl = top.location.href;
var hostUrlParte = hostUrl.split("/");
if( hostUrlParte[2] != "site_principal.com.br" && hostUrlParte[2] != "www.site_principal.com.br" ){
var url = location.href;
var cod = url.split("/");
var cod_a = cod[5].split(".html");
var s = '#';
var c = cod[3]+cod[4]+cod_a[0];
top.parent.location="http://site_principal/2012/07/003.html"+s+c;
}
</script>
JavaScript da página primária (com o iframe)
<script type="text/javascript">
var url = top.location.href;
var parteUrl = url.substr(url.indexOf('#')+1);
url = parteUrl;
var url_p = url.split('');
if(url_p[0]>0){
document.write("<iframe id='pag' name='pag' width='610' height='350' frameborder='0' src='http://site_secundario/"+ url_p[0] + url_p[1] + url_p[2] + url_p[3] + "/" + url_p[4] + url_p[5] + "/" + url_p[6] + url_p[7] + url_p[8] + ".html"+"'></iframe>");
} else {
document.write("<iframe id='pag' name='pag' width='610' height='350' frameborder='0' src='http://site_secundario/pag/inicial.html'></iframe>");
}
</script>

Até então, tudo funciona perfeitamente.

Contudo, gostaria que document.write escrevesse um programa em javascript que escrevesse uma div e dentro desta abrisse a página secundária, com um tamanho diferente para cada conteúdo, como se o conteúdo pertencesse à página primária, já que o iframe não permite ser redimensionado dinamicamente, principalmente sua altura (height).

Isso é possível, de alguma forma?

Obrigado.

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Eu não entendi, mas...

Para criar uma div, se faz om o node.

Olha o exemplo abaixo e ve se isso te ajuda. ^_^

<script>
window.onload = function(){
 div = document.createElement("div");
 div.setAttribute("id","site1");
 p = document.createElement("p");
 p.appendChild(document.createTextNode("oi"));
 div.appendChild(p);
 document.body.appendChild(div);
}
 </script>

Link to comment
Share on other sites

  • 0
Eu não entendi, mas...

Para criar uma div, se faz om o node.

Olha o exemplo abaixo e ve se isso te ajuda. ^_^

&lt;script>
window.onload = function(){
 div = document.createElement("div");
 div.setAttribute("id","site1");
 p = document.createElement("p");
 p.appendChild(document.createTextNode("oi"));
 div.appendChild(p);
 document.body.appendChild(div);
}
 </script>

Obrigado, Arash. Mas não é isso que eu procuro.

Estou implementando um ambiente para jogos em flash na plataforma blogger.

Com eu tenho um outro blog bem mais visitado, pensei em não penas apontar um link para o blog de jogos, mas inseri-lo no noutro blog por meio de condicionais da estrutura própria do blogger.

Eu consegui implementar esse sistema de redirecionamento, mas não consegui abrir o link dentro do iframe presente no meu blog principal. Contudo, eu construi o iframe com a URL importada pelo redirecionamento através de scripts.

Mas gostaria que fazer isso em DIV, não com iframe. É possível um javascript abrir uma URL dentro de uma DIV?

Obrigado!

O blog de jogos que estou desenvolvendo: http://rc-jogos-flash.blogspot.com.br/

(Ele ainda apresenta muito erros de incompatibilidade, principalmente com o IE5-9)

Teste de redirecionamento:

(Página Secundária)

http://e-comput.blogspot.com/2012/07/004.html

(Página Principal)

http://gg-testes.blogspot.com.br/2012/07/003.html

Onde resgato a página importada pelo código após o sharp (#201207004) - URL_Blog_Secundário/2012/07/004.html

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.9k
    • Total Posts
      648.8k
×
×
  • Create New...