Não estou conseguindo carregar uma página html (com códigos javascript) dentro de uma div de minha html, estou tentando fazer por javaScript.
Bom, peguei e fiz uma função para alterar quando uma div é mostrada ou não.
Abaixo temos a função que altera a classe de determinadas divs quando clico em alguns botões, enfim:
Funcionando 100%
Aqui tenho a parte de meu html justamente da div específica
Quando eu clico em um botão chamado "tela de jogo" ele mostra a div do código acima só que ela só tem o botão e uma tela branca, mas na verdade deveria ter uma animação dentro de um arquivo html.
O código para carregar a página dentro da div é o seguinte:
* tal código está em um arquivo .js
No código acima eu ainda utilizo um alert para mostrar o nome da classe, para ver se a primeira função deste tópico consegue mesmo alterar o nome da classe e sim ela consegue.
Detalhe que quando eu testei o carregamento dentro de outro html ele funcionou, e nesse mesmo código com a mesma estrutura ele funciona quando eu deixo a tal div para começar aberta, o problema se dá quando ela começa fechada e ai quando ela é aberta o arquivo html não carrega.
Abaixo temos a função que altera a classe de determinadas divs quando clico em alguns botões, enfim:
Funcionando 100%
function ativaPage() {
$('.targetPage').click(function () {
var target = $(this).attr('dt-page');
$('.page').removeClass('page-active');
$(target).addClass('page-active');
}
);
}Aqui tenho a parte de meu html justamente da div específica
<div id="teladojogo" class="page">
<button class="btn btn-block red darken-3 waves-effect targetPage" type="button" dt-page='#telalogin'>Tela de login</button>
</div>Quando eu clico em um botão chamado "tela de jogo" ele mostra a div do código acima só que ela só tem o botão e uma tela branca, mas na verdade deveria ter uma animação dentro de um arquivo html.
O código para carregar a página dentro da div é o seguinte:
* tal código está em um arquivo .js
function carregar(){
var armazenar;
armazenar = document.getElementById('teladojogo').className;
alert(armazenar);
if (armazenar=="page page-active"){
$("#teladojogo").load("jogo.html");
}
}
carregar();No código acima eu ainda utilizo um alert para mostrar o nome da classe, para ver se a primeira função deste tópico consegue mesmo alterar o nome da classe e sim ela consegue.
Detalhe que quando eu testei o carregamento dentro de outro html ele funcionou, e nesse mesmo código com a mesma estrutura ele funciona quando eu deixo a tal div para começar aberta, o problema se dá quando ela começa fechada e ai quando ela é aberta o arquivo html não carrega.
Raphael Schettino
Curtidas 0
Respostas
Giovanny Brandalise
30/09/2017
Qual seria o codigo CSS para o class "page-active" ? É ela que mostra ou esconde a div "#teladojogo"?
GOSTEI 0
Raphael Schettino
30/09/2017
Exatamente, ela mesma.
Tenho outras 3 divs acima da teladojogo, em todas eu não tenho problema, apenas nessa teladojogo, as outras não carregam outra página e sim mostram outras informações.
Tenho outras 3 divs acima da teladojogo, em todas eu não tenho problema, apenas nessa teladojogo, as outras não carregam outra página e sim mostram outras informações.
GOSTEI 0
Raphael Schettino
30/09/2017
Olhe o CSS das duas classes.
.page{
position: absolute;
width: 100%;
height: 100%;
display: none;
}
.page-active{
display: block;
}GOSTEI 0
Raphael Schettino
30/09/2017
O Problema se dá quando o código roda com a teladojogo com a classe page, porque quando eu clico no botão de aparecer a div a div aparece, mas sem puxar o conteúdo.
Quando eu coloco a classe via código page page-active, funciona normal pq deixo apenas ela de div para já estar aberta.
Quando eu coloco a classe via código page page-active, funciona normal pq deixo apenas ela de div para já estar aberta.
GOSTEI 0
Raphael Schettino
30/09/2017
Desculpe, consegui resolver uma parte aqui.
Agora o que está ocorrendo é que não consigo fechar o Canvas mesmo fechando a Div ele fica acima de outra div aberta.
Agora o que está ocorrendo é que não consigo fechar o Canvas mesmo fechando a Div ele fica acima de outra div aberta.
GOSTEI 0