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 Priscila Sena
      Boa noite, tudo bem?

      Me chamo Priscila e estou com um pequeno problema.

      Usamos um sistema que gera template de e-mail marketing aqui na empresa que eu trabalho e o disparo é feito por um sistema de disparo de e-mails, mudaram agora quem dispara e estamos com alguns problemas. As imagens ficam enormes em alguns navegadores (principalmente quando abrem pelo Outlook), o TI, que foi quem fez o template está batendo um pouco a cabeça para tentar resolver o problema para os próximos, o código eu acho que está mais ou menos e creio que o problema seja que ele não reconhece a tag style que puxa pelo td, mas não tenho certeza. 

      Podem me ajudar para algumas melhorias para os próximos? Para evitar quebra?

      Eu vou deixar o código aqui para vocês darem uma olhada, é o código de uma campanha mais antiga.

      "
      <!DOCTYPE html>
      <html>
          <head>
              <meta name="generator" content="">
              <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
              <meta http-equiv="content-type" content="text/html; charset=utf-8">
          </head>
          <body style="font-family: 'Roboto', Myriad-pro, Arial, Helvetica, sans-serif;background-color: #eee;color: #666;">
                              <div class="container 1" style="width: 100%;max-width: 700px;min-width: 320px;margin: 0 auto;background-color: white;">
                              <table cellpadding="0" cellspacing="0" class="imgTopo" style="margin: 30px 0 10px;border-spacing: 0;width: 100%;max-width: 700px;height: auto;">
                      <tr>
                          <td>
                              <a href="https://www.walmart.com.br/" target="_blank" style="text-decoration: none;"><img style="width: 100%;" src="https://template.casavaticano.com.br//templates/testeira_pais_emkt-walmart.png"></a>
                          </td>
                      </tr>
                  </table>
                              <table style="width: 100%;max-width: 700px;min-width: 320px;text-align: center;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                      <tbody>
                                              <tr>
                                                                                          <tr>
                                                                     <td valign="bottom" align="centered">
                                                                              <table class="toda_categoria_a_com_x_de_desconto_na_compra_da_y_unidade" style="width: 210px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td><table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/6953202.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
                      <table class="boxRed" style="margin: 0 auto;border-spacing: 0;width: 210px;background-color: #dd1a3a;border-radius: 10px;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td>
                                      <table class="boxYellow" style="margin: 4px auto 0px;border-spacing: 0;width: 200px;background-color: yellow;border-radius: 6px;padding: 0px;" cellspacing="0" cellpadding="0"><tbody><tr>
                  <td><table style="width: 170px;margin: 0 auto;border-spacing: 0;"><tbody><tr>
                  <td class="txtPorcDesc" style="text-transform: uppercase;color: #dd1a3a;font-weight: 700;font-size: 38px;">
                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>50</span><span class="txtPorcSinal" style="text-transform: uppercase;color: #dd1a3a;font-weight: 900;font-size: 20px;">%</span>
                      </td></tr></tbody></table>
                  </td>
                  <td class="txtDescUnid" style="text-transform: uppercase;color: black;font-weight: 900;font-size: 14px;line-height: 100%;position: relative;left: 5px;text-align: left;">
                      <table style="width: 120px;text-align: left;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>de desconto </span><br><span>na 2ª unidade**</span>          
                      </td></tr></tbody></table>
                  </td>
                  </tr></tbody></table></td>
              </tr></tbody></table>
              <table style="max-width: 95%;height: 50px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                          <td class="txtBoxRed" style="text-transform: uppercase;color: white;font-weight: 400;font-size: 14px;">
                              <span>TODOS OS PAPÉIS HIGIÊNICOS</span>
                          </td>
                      </tr>
                  </tbody>
                  </table>
                      </td>
              </tr>
              </tbody>
              </table>
                  </td>
              </tr>
          </tbody>
      </table>
                                      </td>
                                                                                                                                                      <td valign="bottom" align="centered">
                                                                               <table class="toda_categoria_a_com_x_de_desconto_na_compra_da_y_unidade" style="width: 210px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td><table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/6722944.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
                      <table class="boxRed" style="margin: 0 auto;border-spacing: 0;width: 210px;background-color: #dd1a3a;border-radius: 10px;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td>
                                      <table class="boxYellow" style="margin: 4px auto 0px;border-spacing: 0;width: 200px;background-color: yellow;border-radius: 6px;padding: 0px;" cellspacing="0" cellpadding="0"><tbody><tr>
                  <td><table style="width: 170px;margin: 0 auto;border-spacing: 0;"><tbody><tr>
                  <td class="txtPorcDesc" style="text-transform: uppercase;color: #dd1a3a;font-weight: 700;font-size: 38px;">
                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>50</span><span class="txtPorcSinal" style="text-transform: uppercase;color: #dd1a3a;font-weight: 900;font-size: 20px;">%</span>
                      </td></tr></tbody></table>
                  </td>
                  <td class="txtDescUnid" style="text-transform: uppercase;color: black;font-weight: 900;font-size: 14px;line-height: 100%;position: relative;left: 5px;text-align: left;">
                      <table style="width: 120px;text-align: left;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>de desconto </span><br><span>na 2ª unidade**</span>          
                      </td></tr></tbody></table>
                  </td>
                  </tr></tbody></table></td>
              </tr></tbody></table>
              <table style="max-width: 95%;height: 50px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                          <td class="txtBoxRed" style="text-transform: uppercase;color: white;font-weight: 400;font-size: 14px;">
                              <span>TODOS AS FRALDAS HUGGIES</span>
                          </td>
                      </tr>
                  </tbody>
                  </table>
                      </td>
              </tr>
              </tbody>
              </table>
                  </td>
              </tr>
          </tbody>
      </table>
                                      </td>
                                                                                                                                                      <tr>
                                                                      <td valign="bottom" align="centered">
                                                                              <table class="toda_categoria_a_com_x_de_desconto_na_compra_da_y_unidade" style="width: 210px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td><table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/8134526.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
                      <table class="boxRed" style="margin: 0 auto;border-spacing: 0;width: 210px;background-color: #dd1a3a;border-radius: 10px;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td>
                                      <table class="boxYellow" style="margin: 4px auto 0px;border-spacing: 0;width: 200px;background-color: yellow;border-radius: 6px;padding: 0px;" cellspacing="0" cellpadding="0"><tbody><tr>
                  <td><table style="width: 170px;margin: 0 auto;border-spacing: 0;"><tbody><tr>
                  <td class="txtPorcDesc" style="text-transform: uppercase;color: #dd1a3a;font-weight: 700;font-size: 38px;">
                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>60</span><span class="txtPorcSinal" style="text-transform: uppercase;color: #dd1a3a;font-weight: 900;font-size: 20px;">%</span>
                      </td></tr></tbody></table>
                  </td>
                  <td class="txtDescUnid" style="text-transform: uppercase;color: black;font-weight: 900;font-size: 14px;line-height: 100%;position: relative;left: 5px;text-align: left;">
                      <table style="width: 120px;text-align: left;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>de desconto </span><br><span>na 2ª unidade**</span>            
                      </td></tr></tbody></table>
                  </td>
                  </tr></tbody></table></td>
              </tr></tbody></table>
              <table style="max-width: 95%;height: 50px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                          <td class="txtBoxRed" style="text-transform: uppercase;color: white;font-weight: 400;font-size: 14px;">
                              <span>TODOS OS VINHOS OU ESPUMANTES</span>
                          </td>
                      </tr>
                  </tbody>
                  </table>
                      </td>
              </tr>
              </tbody>
              </table>
                  </td>
              </tr>
          </tbody>
      </table>
                                      </td>
                                                                                                                                                      <td valign="bottom" align="centered">
                                                                              <table class="simples" style="width: 210px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <table style="width: 100%;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td style="vertical-align: bottom;">
                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/7281902.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
       
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td style="line-height: 80%;text-align: center;" width="210px" height="70px">
                                          <span class="txtInfo" style="text-transform: uppercase;">
                                          <span class="txtNome" style="font-weight: 900;color: black;font-size: 9pt;">Café Pilão</span><br>
                                          <span class="txtDesc" style="font-weight: 400;font-size: 8pt;">Extraforte Almofada 500g</span>
                                      </span>
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td class="txtPreco" style="min-width: 130px;padding: 4px 0;text-align: center;border-radius: 6px;font-weight: 900;line-height: 1;background-color: #dd1a3a;">
                      <a class="btnPreco" href="http://www.walmart.com.br/" style="text-decoration: none;padding: 20px 20px 0;">
                          <span class="txtCurrency" style="color: yellow;">R$</span> 
                          <span class="txtInteger" style="color: yellow;font-size: 32pt;">7</span>
                          <span class="txtCents" style="color: yellow;yellow;font-size: 16pt">,44</span>
                      </a>
                  </td>
              </tr>
          </tbody>
      </table>
       
                  </td>
              </tr>
          </tbody>
      </table>
                                      </td>
                                                                                                                                                      <tr>
                                                                      <td valign="bottom" align="centered">
                                                                              <table class="simples" style="width: 210px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <table style="width: 100%;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td style="vertical-align: bottom;">
                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/7465255.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
       
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td style="line-height: 80%;text-align: center;" width="210px" height="70px">
                                          <span class="txtInfo" style="text-transform: uppercase;">
                                          <span class="txtNome" style="font-weight: 900;color: black;font-size: 9pt;">Cerveja Brahma</span><br>
                                          <span class="txtDesc" style="font-weight: 400;font-size: 8pt;">Lata 350ml cada Pack com 18 unidades</span>
                                      </span>
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td class="txtPreco" style="min-width: 130px;padding: 4px 0;text-align: center;border-radius: 6px;font-weight: 900;line-height: 1;background-color: #dd1a3a;">
                      <a class="btnPreco" href="http://www.walmart.com.br/" style="text-decoration: none;padding: 20px 20px 0;">
                          <span class="txtCurrency" style="color: yellow;">R$</span> 
                          <span class="txtInteger" style="color: yellow;font-size: 32pt;">34</span>
                          <span class="txtCents" style="color: yellow;yellow;font-size: 16pt">,02</span>
                      </a>
                  </td>
              </tr>
          </tbody>
      </table>
       
                  </td>
              </tr>
          </tbody>
      </table>
                                      </td>
                                                                                                                                                      <td valign="bottom" align="centered">
                                                                              <table class="parcelado" style="width: 320px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/8931023.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
       
                                      <table style="width: 100%;height: 70px;margin-bottom: 2px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td style="vertical-align: bottom;">
                                      <table style="text-align: left;width: 110px;margin: 0 auto 4px;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                          <tbody>
                                              <tr>
                                                  <td style="line-height: 80%;">
                                                      <span class="txtInfo">
                                                          <span class="txtNome" style="font-weight: 900;color: black;font-size: 9pt;line-height: 80%;text-transform: uppercase;">Smart TV 49&quot; LG</span>
                                                          <br>
                                                          <span class="txtDesc" style="font-weight: 400;font-size: 8pt;line-height: 80%;">Com acesso à internet</span>
                                                      </span>
                                                  </td>
                                              </tr>
                                          </tbody>
                                      </table>
                                  </td>
                                  <td style="vertical-align: bottom;">
                                                                      <table style="text-align: left;width: 190px;font-weight: 900;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                          <tbody>
                                              <tr>
                                                  <td>
                                                      <table style="width: 190px;text-align: left;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                                          <tbody>
                                                              <tr>
                                                                  <td>
                                                                      
                                                                      <table style="margin: 0 auto;margin-right: 10px;border-spacing: 0;">
                                                                          <tbody>
                                                                              <tr>
                                                                                  <td style="line-height:1.1;">
                                                                                      <table style="margin: 0 auto;border-spacing: 0;text-align: right;" width="32px" cellspacing="0" cellpadding="0">
                                                                                          <tbody>
                                                                                              <tr>
                                                                                                  <td>
                                                                                                      <span style="color:#dd1a3a;font-weight: 700;font-size: 7pt;">À vista</span>
                                                                                                      <span style="color: #dd1a3a;font-size: 14pt;">R$</span>
                                                                                                  </td>
                                                                                              </tr>
                                                                                          </tbody>
                                                                                      </table>
                                                                                  </td>
                                                                                  
                                                                                  <td>
                                                                                      <table style="margin: 0 auto;margin-right: 0px;border-spacing: 0;">
                                                                                          <tbody>
                                                                                              <tr>
                                                                                                  <td>
                                                                                                      <span style="color: #dd1a3a;font-size: 30pt;">2.199</span>
                                                                                                  </td>
                                                                                              </tr>
                                                                                          </tbody>
                                                                                      </table>
                                                                                  </td>
                                                                                  <td style="text-align: right;line-height: 0.7">
                                                                                      <span style="color: #dd1a3a;font-size: 18pt;">,00</span>
                                                                                      <span style="color:#dd1a3a;font-weight: 700;font-size: 7pt;">cada</span>
                                                                                  </td>
                                                                                  
                                                                              </tr>
                                                                          </tbody>
                                                                      </table>
                                                                      
                                                                  </td>
                                                              </tr>
                                                          </tbody>
                                                      </table>
                                                  </td>
                                              </tr>
                                          </tbody>
                                      </table>
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                                      <table style="text-align: left;width: 320px;height: 60px;font-weight: 900;border-radius: 6px;border-style: solid;border-width: 1px;background-color: #29417f;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td>
                                      <table style="width: 320px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                          <tbody>
                                              <tr>
                                                  <td>
                                                      <table style="display: inline-block;width: 100px;line-height: 23px;margin-left: 5px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                                          <tbody>
                                                              <tr>
                                                                  <td>
                                                                      <table style="margin: 0 auto;border-spacing: 0;margin-left: 5px;" cellspacing="0" cellpadding="0">
                                                                          <tbody>
                                                                              <tr>
                                                                                  <td style="width:100px;">
                                                                                      <span style="font-size: 6pt;color: white;text-transform: uppercase;">nos nossos cartões</span>
                                                                                  </td>
                                                                              </tr>
                                                                          </tbody>
                                                                      </table>
                                                                  </td>
                                                              </tr>
                                                              <tr>
                                                                  <td>
                                                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                                                          <tbody>
                                                                              <tr>
                                                                                  <td style="width:100px;">
                                                                                      <img style="width: 50px;margin-left: 5px;" src="http://template.casavaticano.com.br/resources/cartoes.png">
                                                                                  </td>
                                                                              </tr>
                                                                          </tbody>
                                                                      </table>
                                                                  </td>
                                                              </tr>
                                                          </tbody>
                                                      </table>
                                                                                                      <table style="display: inline-block;width: 200px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                                          <tbody>
                                                              <tr>
                                                                  <td>
                                                                      <table style="width: 200px;color: yellow;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                                                          <tbody>
                                                                              <tr>
                                                                                  <td>
                                                                                      
                                                                                      <table style="margin: 0 auto;margin-right: 0px;border-spacing: 0;">
                                                                                          <tbody>
                                                                                              <tr>
                                                                                                  <td style="line-height: 1;">
                                                                                                      <table style="text-align: right;margin: 0 auto;border-spacing: 0;" width="20px" cellspacing="0" cellpadding="0">
                                                                                                          <tbody>
                                                                                                              <tr>
                                                                                                                  <td>
                                                                                                                      <span style="font-size: 14pt;">R$</span>
                                                                                                                  </td>
                                                                                                              </tr>
                                                                                                              <tr>
                                                                                                                  <td style="color:black;">
                                                                                                                      <span style="font-size: 18pt;"></span>
                                                                                                                      <span style="font-size: 18pt;color:white">15X</span>
                                                                                                                  </td>
                                                                                                              </tr>
                                                                                                          </tbody>
                                                                                                      </table>
                                                                                                  </td>
                                                                                                  
                                                                                                  <td>
                                                                                                      <table style="margin: 0 auto;margin-right: 0px;border-spacing: 0;">
                                                                                                          <tbody>
                                                                                                              <tr>
                                                                                                                  <td>
                                                                                                                      <span style="font-size: 38pt;">146</span>
                                                                                                                  </td>
                                                                                                              </tr>
                                                                                                          </tbody>
                                                                                                      </table>
                                                                                                  </td>
                                                                                                  <td style="margin: 0 auto;border-spacing: 0;line-height: 0.8;text-align: center;">
                                                                                                      <span style="font-size: 20pt;">,60</span>
                                                                                                      <br>
                                                                                                      <span style="font-weight: 700;font-size: 8pt;color: white;">sem juros</span>
                                                                                                  </td>
                                                                                              </tr>
                                                                                          </tbody>
                                                                                      </table>
                                                                                      
                                                                                  </td>
                                                                              </tr>
                                                                          </tbody>
                                                                      </table>
                                                                  </td>
                                                              </tr>
                                                          </tbody>
                                                      </table>
                                                  </td>
                                              </tr>
                                          </tbody>
                                      </table>
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                  </td>
              </tr>
          </tbody>
      </table>

                                      </td>
                                                                                                              </tr>
                      </tbody>
                  </table>
                  
                            <table cellpadding="0" cellspacing="0" style="width: 100%;height: 40px;margin: 0 0 10px;text-align: center;border-spacing: 0;">
                      <tr>
                          <td>
                              <a class="btnConfira" href="https://www.walmartbrasil.com.br" target="_blank" style="text-decoration: none;text-transform: uppercase;font-size: 10pt;font-weight: 900;color: #007DC3;background-color: #f7c02b;padding: 12px 32px;border-radius: 24px;letter-spacing: 1px;">
                              Confira mais ofertas &gt;</a>
                          </td>
                      </tr>
                  </table>   
                  <table cellpadding="0" cellspacing="0" style="width: 100%;height: 20px;margin: 2 0 0 10px;text-align: center;border-spacing: 0;">
                      <tr>
                          <td>
                   <img style=" width: 500px; margin:0;"src="https://template.casavaticano.com.br/TEXTOS%20LEGAIS/LT.BEBIDAS-2.png">
                  </table>   
                  <div style="height: 16px"><table style="margin: 0 auto;border-spacing: 0;"><tr>
                  <td style=";display: inline-block;margin: 0;border-spacing: 0;border-radius: 6px 0 0 6px;padding: 14px 2px 8px 10px;background-color: #f7c02b;"><span style="color:#dd1a3a;font-style: italic;font-weight:900;font-size: 14pt;margin-right: 6px;line-height: 1;">Passa no</span></td>
                  <td style=";display: inline-block;margin: 0;border-spacing: 0;border-radius: 0 6px 6px 0;background-color: #027dc2;">
                      <img style="height: 35px;" src="https://template.casavaticano.com.br/bandeiras/WALMART.png">
                  </td>
                  </tr></table></div>
              <div style="width: 100%;max-width:700px;height: 12px;background-color: #f7c02b;margin: 0;border-spacing: 0;">
              </div>
                                <table cellpadding="0" cellspacing="0" class="txtBompreco" style="margin: 0 0 0;border-spacing: 0;width: 100%;height: 64px;font-size: 12pt;font-weight: 700;background-color: #007cc9;letter-spacing: 1px;">
          <tr>    
              <td>
                 
                  <table cellpadding="0" cellspacing="0" style="margin: 15px auto;border-spacing: 0;">
                      <tr>
                          <td>
                          </td>
                          <td align="center"><img style="height:40px;margin: 0 10px;" src="https://template.casavaticano.com.br/icons/Localizacao-novo.png"></td>
                                              <td>
                              <a href="https://tabloide.walmartbrasil.com.br/" target="_blank" style="text-decoration: none;"><span style="color: #f7c02b; margin-top:" >CLIQUE AQUI</span> <span style="color: white;">E VÁ ATÉ A LOJA MAIS PRÓXIMA</span></a>
                      </td>
                  </tr>
              </table>
                      <table cellpadding="0" cellspacing="0" class="txtSigaFacebook" style="margin: 0;border-spacing: 0;width: 100%;height: 74px;font-size: 12pt;font-weight: 700;background-color: #49aee9;letter-spacing: 1px;color: white;">
                  <tr>
                      <td>
                          <table cellpadding="0" cellspacing="0" style="margin: 0 auto;border-spacing: 0;">
                              <tr>
                                  <td><span>Siga a gente nas redes sociais:</span><img src=""></td>
                                                              <td align="center">
                                      <a href="https://www.facebook.com/walmartbrasil/" target="_blank" style="text-decoration: none;"><img style="height:36px;margin: 0 10px;" src="https://template.casavaticano.com.br/icons/facebook-novo.png"></a>
                                       <a href="https://www.instagram.com/walmartbrasil" target="_blank" style="text-decoration: none;"><img style="height:36px;margin: 0 10px;" src="https://template.casavaticano.com.br/icons/instagram-novo.png"></a>
                                       <a href="https://www.youtube.com/user/walmartinstitucional" target="_blank" style="text-decoration: none;"><img style="height:36px;margin: 0 10px;" src="https://template.casavaticano.com.br/icons/youtube-novo.png"></a>
                                  </td>
                                                          </tr>
                          </table>
                      </td>
                  </tr>
              </table>
                  </td>
              </div>
      </table>
      <table style="width: 100%;max-width: 700px;margin: 20px auto;padding: 0 30px;text-align: center;font-size: 9pt;line-height: 1.2;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td><pre>Material vigente para 09/08/2019 ou enquanto durarem os estoques. Nem
      todos os produtos estão disponíveis nas lojas Walmart, podendo variar de acordo
      com o estoque ou sortimento de cada loja. Consulte a loja mais próxima. Para
      melhor atender nossos clientes, não vendemos por atacado e reservamo-nos o
      direito de limitar a quantidade de 12un./kg por cliente dos produtos anunciados.
      Nas lojas participantes garantimos a quantidade mínima de 12un./kg por loja dos
      produtos anunciados na data de início do anúncio. Fotos meramente ilustrativas.</span></td>
              </tr>
          </tbody>
      </table>
                              </body>
      </html>"

      Obrigada
    • By SilvioHC
      Olá estou começando a a prender node js mas já no primeiro teste algo de errado não está certo 
      const express = require('express'); const app = express(); app.listen(934); //Sempre Na Ultima Linha não sei dizer se é só o tutorial q é antigo 

    • By Hulkstar
      Boa tarde,estou seguindo um tutorial do DevMedia de como configurar um chat nodejs (Link tutorial Aqui),porém na "Listagem 8. Incluindo o módulo Socket.IO." quando eu faço a alteração do script de acordo com o tutorial e tento rodar o aplicativo no servidor,me aparece o seguinte erro, "http://prntscr.com/ow7kd4",caso eu retire o seguinte script "var io = require('socket.io')(app);",já dei uma pesquisada na internet,porém até agora não consegui achar uma solução para o erro,se alguém souber e poder me ajudar por favor,ficarei muito grato.
       
      Abaixo tem o arquivo app.js
      var app = require('http').createServer(resposta); var fs = require('fs'); var io = require('socket.io')(app); app.listen(3000); console.log("Aplicação está em execução..."); function resposta (req, res) { var arquivo = ""; if(req.url == "/"){ arquivo = __dirname + '/index.html'; }else{ arquivo = __dirname + req.url; } fs.readFile(arquivo, function (err, data) { if (err) { res.writeHead(404); return res.end('Página ou arquivo não encontrados'); } res.writeHead(200); res.end(data); } ); } Abaixo tem o arquivo indes.html
      <!DOCTYPE html> <html> <head> <title>ChatJS - FrontEnd Magazine - DevMedia</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="historico_mensagens"></div> <form id=’chat’> <input type='text' id='texto_mensagem' name='texto_mensagem' /> <input type='submit' value='Enviar mensagem!' /> </form> </body> </html>  
    • By Arthur Ritter
      Olá a todos do fórum, sou novo aqui.
       
      Então, comecei recentemente a estudar sobre HTML e em um dos exercícios que estou fazendo é criar type=radio para cartões (Visa, Master). E pelo que estou aprendendo, o type=radio cria um botão de escolha única, não sendo permitido mais de uma escolha, mas não é o que esta acontendo. Segue abaixo o código:
       
      <html>
      <head>
      <title>Campo Senha</title>
      </head>
      <body>
      <form action="email@email.com" method="get">
      <p><font face="Calibri">Nome: <input type=text name="Nome" size="25" maxlenght="50"></p>
      <p>Nº do Cartão de credito <input type=text name="cartao" size="16"></p>
      <p>Senha: <input type=password name="senha" size="6"></p>
      <p>Selecione a bandeira do cartão de crédito:<br>
      <input type=radio name="visa" checked>Visa<br>
      <input type=radio name="master">Mastercard<br>
      </font></p>
      </form>
      </body>
      </html>
       
       

       
      Desde já agradeço a todos pela ajuda.
       
       
      Edit: O problema foi resolvido. Eu estava esquecendo de por o VALUE.
      <input type=radio name="cartao" value="cartao" checked>Visa<br>
      <input type=radio name="cartao" value="cartao">Mastercard<br></p>
    • By proflupin
      Estou com a seguinte dificuldade, possuo um <a> que busca uma id numa tabela do banco de dados, conforme abaixo:
       
      <a href="self_service.php?id=<?php echo $row_produto['id_categoria_chamado']?>" class="btn btn-primary"data-toggle="collapse" data-target="#subcategoria" aria-expanded="false" aria-controls="collapseExample">Visitar</a> A consulta é realizada, pois vejo que um novo link é mostrado no rodapé da página:

       
      Esta página self_service.php mostrada acima, é minha página principal, onde tudo é trabalhado. Se por exemplo eu mudar para outro arquivo php, teste.php por exemplo, uma nova página é aberta e consigo exibir os resultados normalmente.
       
      O problema é: quero abrir este ID na mesma página, dentro de um collapse. Exemplo:
       
      Cliquei em visitar na categoria Totvs...
       
       
      Um collapse abre-se logo abaixo:

       
      O que não consigo fazer é resgatar o ID passado pelo botão VISITAR em meu collapse, se eu tenter o $_GET['id'], não vai retornar nenhum valor, pois a URL não muda quando trabalhamos com collapse.
×

Important Information

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