Ir para conteúdo
MarKteus

Como carregar uma página externa dentro da div de outra página

Recommended Posts

Estou tentando carregar uma pagina simples só pra teste dentro de uma div em outra pagina, assim:

 

           $('.botaoCarregar').click(function () {
               $('#divContainer').load("pageTeste.html");
          });

 

Mas nada acontece, alias acontece erro 404 not found (mas a pagina está la)
Estou usando nodejs para subir o server e testando em localhost

Alguém sabe o que pode ser ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

o teu node não deve estar servindo esse html.

como ele está?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Está assim:
MenusFiltros.html está funcionando perfeitamente e sendo aberto no browser, ele contem o botão para ser clicado e exibir a page PassosOperacionais.html (representado pelo pageTeste.html do post anterior).
Mandei o print para você ver que os dois arquivos se encontram na mesma pasta.

e já tentei como  no post anterior e das maneiras a seguir também
 $('#divContainer').load("./views/pageTeste.html")

 $('#divContainer').load("/views/pageTeste.html")
 $('#divContainer').load("http://localhost:5000/views/pageTeste.html")  

 

MenuFilt.png

Compartilhar este post


Link para o post
Compartilhar em outros sites

você consegue acessar pelo browser:

http://localhost:5000/pageTeste.html

 

?

 

caso continue com problemas, poste o código do NodeJS.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não consegui acessar pelo browser print 1

Só conseguir acessar pelo comando View in Browser do VsCode print 2
 

1.png

2.png

Compartilhar este post


Link para o post
Compartilhar em outros sites

não.. sem a pasta views, só:

 

:5000/pageTeste.html

Compartilhar este post


Link para o post
Compartilhar em outros sites

você tem um middleware de estáticos?

 

então poste o projeto NodeJS para vermos o que está faltando.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Segue rar do projeto

Na linha abaixo (869) deveria ser carregado o conteudo da pagina PassosOperacionais.html após clique no botão via javascript

anexo a classe botaoPassoOperacionais linha 774

   

        <div id="sctPassosOperacionais"></div>
  
 

nodeProject.rar

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Kelven
      Olá pessoal tudo bem?
       
      Então eu quero colocar um formulário de newsletter em um servidor q não tem suporte para php, o negócio é q depois que a pessoa clica em se cadastrar eu quero que ela seja redirecionada para outro site, então gostaria de saber como posso estar fazendo isso usando apenas javascript, jquery ou ajax com o API do Mailchimp? Porque já procurei muito e não achei, só achei em php.
    • Por reginaldo123
      estou com dificuldade em criar uma url pernalizada exemplo
       
      href="www.bolacha,.com/novabolacha"
      value= "www.bolacha.com"
       
      quando o usuario copia a url para colocar em outra pagina quero que apareça o conteudo de value, e seja direcionado para o href.
       
    • Por Incompetech
      Então.. a um tempo atrás eu fiz um post pedindo ajuda em relação a tooltip mas não obtive resposta, então decidi deixar essa funcionalidade para depois.
      Como disse na minha primeira pergunta eu estou praticando HTML / CSS / JS ... então comecei a fazer uma entrada para MU ONLINE que foi um dos jogos que mais joguei em épocas de LAN HOUSE. Então o que quero perguntar a vocês é o seguinte:

      Como podem ver nessa imagem acima ela tem um total de 10 itens que são icones pequenos que ao clicar neles logo ele irá dar loading na foto do item completo, gostaria de saber como fazer isso.
       
      No meu caso eu criei essa entrada no Photoshop: 
       
      E no caso gostaria de fazer a mesma coisa porém clicando nas setas que estão do lado da box como podem ver no centro da imagem.
      Para isto eu devo usar Js? E qual código devo usar, eu sou super perdido com Js.
      Agradeço desde já! :D

    • Por JeanTDZ
      Eu tenho um form com algumas informações etc. O form envia pro banco de dados e tudo mais, funcional.
       
      Alguém teria algum exemplo que após o submit, o form é transformado em pdf/doc e direcionado para uma pasta/ftp já criada.?
    • Por Ruy Hoffmann
      Olá pessoal, boa tarde,
       
      Eu fiz um site, comprarei o domínio e hospedagem provavelmente ainda hoje (alguma sugestão de um bom provedor de domínios?) e já estou providenciando para que o site ficar no ar. Até ai tudo bem. Esse será um site comercial, então fiz as meta tags para melhorar nas buscas, to pesquisando sobre SEO, etc...
       
      Mas em pararelo fiz um OUTRO site completo também, que vai do index até diversas outras páginas, é um módulo administrativo financeiro que só terá acesso por mim e pela minha esposa. Estou pensando em colocar o acesso no mesmo domínio do site acima, algo do tipo a url do site comercial /admin/a_console.php (que é onde eu e minha esposa efetuaremos nosso login).
       
      Minha pergunta é: para este SEGUNDO SITE que vai trabalhar independente do primeiro eu não quero que as páginas dele apareçam nas buscas, nada, nadinha... Como faço isso? Seria algo do tipo uma INTRANET, onde é acessível pela internet, mas só aparece para quem tem a url da página de login. Alguém sabe como faço para NÃO aparecer?
       
      Obrigado,
       
×

Informação importante

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