Jump to content
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 ?

Share this post


Link to post
Share on other sites

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

como ele está?

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other sites

você consegue acessar pelo browser:

http://localhost:5000/pageTeste.html

 

?

 

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

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other sites

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

 

:5000/pageTeste.html

Share this post


Link to post
Share on other sites

você tem um middleware de estáticos?

 

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

 

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By FabianoSouza
      Tenho a function A, que captura valores e os transfere para a function B (que é um AJAX).
       
      Preciso que a function B passe seu resultado para a function A. Creio que precise de um callback. Mas não estou sabendo com estruturar isso.
      Vejam como estão os códigos:
       
      FUNCTION A
      function upDateRating(e) { var $alvoClick = getTarget(e) , $ul = $alvoClick.parentNode , $idItem = $alvoClick.parentNode.parentNode.parentNode.parentNode.id , $valRating = $alvoClick.value var $array = [ { idItem:$idItem , favorito: 1 , rating: $valRating } ] upDateCard($array) }  
      FUNCTION B (AJAX)
      function upDateCard(e) { var $array = e , $dados = JSON.stringify($array); function ajax() { var $obj = createXMLHTTP(); $obj.open('post', 'minhaPagina', true); $obj.setRequestHeader('content-type', 'application/x-www-form-urlencoded'); $obj.onreadystatechange=function(){ if ($obj.readyState == 4 && $obj.status == 200){ try { var $strResp = JSON.parse($obj.responseText); } catch(e) { alert('Erro. Dados em formato inválido.') return false; } return $strResp //PRECISO PASSAR ESSE VALOR DE VOLTA PARA A FUNCTION A } } $obj.send(encodeURI('str='+$dados)) } ajax() }  
       
    • By Ewfc2005
      Queria saber como faço para fazer um texto aparecer ao rolar a pagina
      igual ao desse site: https://ciesalon.com/services
    • By Mansnotrich
      tenho este código no login.php:

       
      E funciona bem no web mas depois fiz este codigo em css e nao aparece no web:

       
       
       
    • By LGustavoFerreira
      Estou tentando criar um código em VBA onde ele busque os dados em uma célula dentro do excel e jogue em um campo localizado em uma página da WEB, depois realize a pesquisa e colete os dados informados nesta pesquisa.
      A primeira parte eu consegui fazer.
      Determinei o nome das células
      Achei o "nome" dos campos na web
      correlacionei e dei o click no botão realizando a pesquisa e me mostrando o resultado
      porém, eu não estou conseguindo captar essas informações.
      Fazer esse webscraping irá me servir e muito.
       
      parte do código da pagina aonde contem as informações que eu quero "captar" é essa:
       
       <td class="A2dc15756fd404f1985562b0c7bffbf3d111c" style="height: 12mm;">
              <div style="width: 30.24mm; overflow: hidden; min-width: 30.24mm;">
                    <div class="Pc1bd76d0feb2422da77e6cdb5aec3bc2_1_r17 tdResizable" lang="en-US" style="width: 100%; display: flex; -webkit-flex-flow: row;">
                                <div class="A2dc15756fd404f1985562b0c7bffbf3d111 cannotGrowTextBoxInTablix cannotShrinkTextBoxInTablix" id="Pc1bd76d0feb2422da77e6cdb5aec3bc2_1_112iT0_aria" style="position: relative; max-width: 30.24mm;">
                                        <div style="width: 30.24mm; min-width: 30.24mm;">
                          <div>
                                 <div class="A2dc15756fd404f1985562b0c7bffbf3d108">
                                       <span class="A2dc15756fd404f1985562b0c7bffbf3d107">Estrutura (nº)</span>
                                               </div>
                                                  <div class="A2dc15756fd404f1985562b0c7bffbf3d110">
                                                        <span class="A2dc15756fd404f1985562b0c7bffbf3d109">Structure (nº)</span>
                         </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </td>
       
      As informações que eu quero estão aparecendo nesse "Span Class" que é a Estrutura (nº) e Structure (nº)
      As informações restantes seguem o mesmo padrão...
      Como eu sou leigo..
      já tentei algumas coisas no VBA como:
       
      Set tabela = IE.document.all.tags("td")
      For i = 0 To tabela.Length - 1
      sFilme = Replace(tabela.Item(i).innerText, Chr(10), "")
       If sTabela <> "" Then
      Cells(iLin, "A").Value = sTabela
      iLin = iLin + 1
      End If
       
       
      tentei também:
       
       
          For Each htmlEle In ieObj.Document.getElementsByClassName("td")(0).getElementsByTagName("tr")
             With ActiveSheet
             .rang("L" & i).Value = htmlEle.Children(0).textContent
             .rang("M" & i).Value = htmlEle.Children(1).textContent
             .rang("N" & i).Value = htmlEle.Children(2).textContent
             .rang("O" & i).Value = htmlEle.Children(3).textContent
             .rang("P" & i).Value = htmlEle.Children(4).textContent
             .rang("Q" & i).Value = htmlEle.Children(5).textContent
             End With
             i = i + 1
             
          Next htmlEle
       
       
      todos os códigos eu copiei de planilhas que funcionam em outros sites, mas não funcionam quando eu tento no meu site, mesmo alterando os valores das Tags que estão td para span ou algo do tipo, como disse eu sou leigo e estou fazendo uma salada....
       
       
      Alguem poderia me ajudar?
    • By cleitonesc
      galera, no print mostra onde é examente que estou falando.
      quando eu clico a página recarregar e acaba voltando o menu pro seu estado normal. vou deixar abaixo o html da página.

      ````
      <div class="nav-side-menu">
          <div class="brand">
              @if(!empty(Auth::user()->usr_foto))
              <img id="fotoUsuMenu" src="{{Auth::user()->usr_foto}}"> @else
              <img id="fotoUsuMenu" src="{{asset('imagens/ImgUsuario.jpg')}}"> @endif
              <br>
              <span style="font-variant:small-caps;font-weight:bold;">{{Auth::user()->username}} <b>|</b></span>
              <a style="color:red; text-decoration: none; font-weight:bold" href="{{ route('logout') }}" onclick="event.preventDefault();
                  document.getElementById('logout-form').submit();">
                  Sair 
              </a>
              <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                  @csrf
              </form>
          </div>
          <i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
          <div class="menu-list">
              <ul id="menu-content" class="menu-content collapse out">
                  <li>
                      <a href="/dashboard" ><i class="fa fa-tachometer-alt sidebar-icon"></i> Dashboard</a>
                  </li>
                  <li data-toggle="collapse" data-target="#CadPessoas" class="collapsed">
                      <a><i class="fa fa-life-ring fa-users"></i> Cadastros Pessoas<span class="arrow"><i class="fa fa-angle-down"></i></spam></a>
                  </li>
                  <ul class="sub-menu collapse" id="CadPessoas">
                      <li><a href="/ListaColaboradores" id="psicologo"><i class="fa fa-angle-right"></i> Psicólogos</a></li>
                      <li><a href="/ListaPacientes" id="pacientes"><i class="fa fa-angle-right"></i> Pacientes <small><i class="fa fa-external-link"></i></small></a></li>
                  </ul>
                  <li data-toggle="collapse" data-target="#CadGerais" class="collapsed">
                      <a><i class="fa fa-life-ring fa-pen"></i> Cadastros Básicos<span class="arrow"><i class="fa fa-angle-down"></i></spam></a>
                  </li>
                  <ul class="sub-menu collapse" id="CadGerais">
                      <li><a href="/ListaTiposAtendimentos" id="tipoAten"><i class="fa fa-angle-right"></i> Tipos de Atendimentos</a></li>
                      <li><a href="/ListaSintomasQueixas" id="sinQuei"><i class="fa fa-angle-right"></i> Sintomas Queixas <small><i class="fa fa-external-link"></i></small></a></li>
                      <li><a href="/ListaSalasLocal" id="salas"><i class="fa fa-angle-right"></i> Salas <small><i class="fa fa-external-link"></i></small></a></li>
                  </ul>
                  <li>
                      <a href="/event"><i class="fa fa-clipboard-list"></i> Marcação de Consultas</a>
                  </li>
                  <li data-toggle="collapse" data-target="#relatorios" class="collapsed">
                      <a><i class="fa fa-chart-line"></i> Relatórios<span class="arrow"><i class="fa fa-angle-down"></i></spam></a>
                  </li>
                  <ul class="sub-menu collapse" id="relatorios">
                      <li><a href="/RelConsultaPsicologos" id="conPsi"><i class="fa fa-angle-right"></i>Consultas Por Psicólogos</a></li>
                      <li><a href="/RelFormStatusPaciente" id="relStatus"><i class="fa fa-angle-right"></i>Pacientes Por Status <small><i class="fa fa-external-link"></i></small></a></li>
                  </ul>
                  <li data-toggle="collapse" data-target="#config" class="collapsed">
                      <a><i class="fa fa-cog"></i> Configurações<span class="arrow"><i class="fa fa-angle-down"></i></spam></a>
                  </li>
                  <ul class="sub-menu collapse" id="config">
                      <li><a href="/ListaUsuarios" id="usuario"><i class="fa fa-angle-right"></i>Usuários</a></li>
                      <li><a href="/ConfiguracoesSistema" id="parametro"><i class="fa fa-angle-right"></i>Parâmetros do Sistema <small><i class="fa fa-external-link"></i></small></a></li>
                      <li><a href="/ListaEmpresa" id="dadosEmpresa"><i class="fa fa-angle-right"></i>Cadastro de Empresas <small><i class="fa fa-external-link"></i></small></a></li>
                  </ul>
              </ul>
          </div>

      </div>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.