Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Alice Marie

Carregar novas postagens sem refresh e que substitua as postagens existentes (Blogger)

Recommended Posts

Eu estou desenvolvendo um site e estou atrás de um recurso que me permita adicionar novas postagens a página inicial, mas que substitua as que já estão lá (Ex: Eu exibo quatro postagens na página inicial, ai que tem um botão que me permita carregar mais quatro e que essas quatro postagens "nova" entrem no lugar das quatro que estavam lá inicialmente e assim sucessivamente. ~Não é pra adicionar junto com as que já estavam e pra substituir.~).  Não sei se é possível, mas...

 

 

Alguns detalhes importantes:

  • Eu realmente não sei se tem alguma diferença, mas eu uso a hospedagem do blogger;
  • Outro detalhe importante e que eu sou totalmente leiga no assunto (estou criando meu site na curiosidade mesmo) então se poderem me explicar de forma que um completa leiga entenderia (sem usar muitos termos técnicos).

Compartilhar este post


Link para o post
Compartilhar em outros sites
57 minutos atrás, Alice Marie disse:

uso a hospedagem do blogger

Se você realmente APENAS tem a hospedagem, mas tem acesso total aos seus arquivos tanto front (html, css, javascript) quanto backend(php) não tem problema nenhum, caso contrário, aí já fica mais complicado, não sei como funciona as ferramentas do blogger.

 

O que você precisa é uma paginação com ajax, de uma pesquisada por este termo no google, tem bastante conteúdo a respeito.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Alice, acredito que na hospedagem do Blogger eles permitam somente o próprio Blogger, não? Por exemplo, como o Wordpress.

 

 

O que você precisa é substituir o conteúdo de uma DIV, por exemplo, através de jQuery, Angular ou algum outro framework, chamando esses destaques que irão substituir através de Ajax.

 

Se estiver interessada em aprender como fazer (não só PARA fazer), recomendo este curso aqui. As primeiras aulas dele ensinam basicamente o que você precisa saber: https://www.youtube.com/watch?v=_y7rKxqPoyg&list=PLQCmSnNFVYnTD5p2fR4EXmtlR6jQJMbPb&index=1

 

Aqui tem um exemplo bem simples usando jQuery, porém no seu caso creio que deverá buscar o conteúdo novo vindo de uma fonte externa, em Ajax: https://jsfiddle.net/th4d/ovaggr6w/

 

Abs.,

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
7 horas atrás, Mateus Silva disse:

Se você realmente APENAS tem a hospedagem, mas tem acesso total aos seus arquivos tanto front (html, css, javascript) quanto backend(php) não tem problema nenhum, caso contrário, aí já fica mais complicado, não sei como funciona as ferramentas do blogger.

 

O que você precisa é uma paginação com ajax, de uma pesquisada por este termo no google, tem bastante conteúdo a respeito.

 

Então ai que está o problema o blogger (pelo que eu sei_) não usa php e tudo que eu pesquiso sobre paginação com ajax e pra php ou usa php ai eu não consigo adaptar...

Compartilhar este post


Link para o post
Compartilhar em outros sites
1 hora atrás, Alice Marie disse:

 

Então ai que está o problema o blogger (pelo que eu sei_) não usa php e tudo que eu pesquiso sobre paginação com ajax e pra php ou usa php ai eu não consigo adaptar...

Então, você vai precisar de uma linguagem de programação pra fazer a consulta no banco de dados e pegar as novas notícias.

O fluxo é basicamente:

 

Ajax requisita arquivo PHP.

Arquivo PHP consulta o banco de dados.

Arquivo PHP retorna as novas notícias pro Ajax.

Ajax substitui o DIV com as novas notícias.

Compartilhar este post


Link para o post
Compartilhar em outros sites
11 horas atrás, Alice Marie disse:

 

Então ai que está o problema o blogger (pelo que eu sei_) não usa php e tudo que eu pesquiso sobre paginação com ajax e pra php ou usa php ai eu não consigo adaptar...

 

Ajax não tem relação direta com PHP. Ele "consome" conteúdo que é disponibilizado por alguma página em PHP.

No caso, você pode consultar um arquivo XML (algum feed, por exemplo) e exibir as informações. 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Rafael_Ferreira
      Não consigo carregar a imagem do captcha do meu formulário. Foi testado com o xampp e easyphp. Também não carregou a imagem de outros captcha. 
       
       
    • Por luiz monteiro
      Olá.
      Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
      Criei um sistema para fazer o upload de imagens e alguns campos text.
      Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
      Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
      Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
      Gostaria de saber se há como usar javascript para evitar isso?
      Agradeço desde já.

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Uploader</title>
      </head>
      <body>
          <form action="?" method="post" enctype="multipart/form-data">
              <br><br>
              <div>selecione a imagem 1</div>
              <input type="file" name="foto1" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem1">
              
              <br><br>
              <input type="file" name="foto2" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem2">
              
              <br><br>

              <input type="file" name="foto3" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem3">
              
              <br><br>
              <input type="submit" value="Enviar">
              <br><br>
          </form>
      <?php
      if ($_SERVER['REQUEST_METHOD'] == 'POST')
      {
          vardump ($_FILES);
      }
      ?>
      </body>
      </html>
       
       
       
    • Por belann
      Olá!
       
      Estou usando o nextjs versão 15.2.3 e criei uma navbar que quando é carregado o programa aparece com a home, mas na hora de clicar na página produtos desaparece a navbar.
      A navbar esta sendo chamada no layout.tsx estou usando typescript
      e fica dessa forma
      <div>           <Navbar/>             <main>{children}</main>             </div>  
    • Por ILR master
      Fala pessoal, tudo bem?
       
      Eu tenho o seguinte código:
       
      <script>
         $(function(){
      var jElement = $('.fixar_banner');
      $(window).scroll(function(){
          if ( $(this).scrollTop() > 120 ){
              jElement.css({
                  'position':'fixed',
                  'top':'10px'
              });
          }else{
              jElement.css({
                  'position':'relative',
                  'top':'auto'
              });
          }
      });
      });
      </script>
       
      Porém, eu quero que a div fique fixa até que outro elemento apareça na tela, tipo o rodapé da página por exemplo. É mais ou menos como a página de notícia do uol.
      https://noticias.uol.com.br/internacional/ultimas-noticias/2025/01/19/sonho-americano-brasileiros-moram-em-carro-e-buscam-comida-no-lixo-nos-eua.htm
       
      Espero ter sido claro.
       
      Obrigado :)
       
×

Informação importante

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