Código para atualizar um elemento do html

IngridChieppe · 19 de julho de 2017

Preciso que essa CLASS da imagem em anexo seja atualizada de 5 em 5 segundos (pode ser mais ou menos tempo) o importante é que ela seja atualizada, teria um código de java script para isso?

DiF · 19 de julho de 2017

@IngridChieppe Olá,

Antes, devo explicar que java é diferente de javascript. Ambos tem nome de java no meio mas não são iguais.

Javascript é uma linguagem client-side voltada para a web e apps.

Java é uma linguagem de alto nível que necessita de uma jvm para poder se compilada.

Sobre a sua dúvida, poderia ser mais específica?

É possível aplicar um timer para fazer determinada tarefa.

a função usada é a setInterval()

Por exemplo:

setInterval(function(){ 
    alert("Hello"); 
}, 3000);

Isso executa um alert com a palavra " hello " a cada 3 segundos.

IngridChieppe · 20 de julho de 2017

Desculpa por ter colocado no lugar errado o tópico!

Mas minha dúvida é outra, não é em colocar um alerta na tela e nem nada. Vou tentar explicar o que preciso com um exemplo:

Então, quando existia o orkut eles tinha aquele sistema de comunidade com um fórum onde as pessoas podiam criar tópicos, e nesses tópicos tinha a caixa de resposta e a área que era postada as respostas. Essa área que ficava as respostas tinha um refresh que você podia ler a mensagem ao tempo que a pessoa mandava e sem precisar apertar o F5 para atualizar TODA a página. É isso que quero fazer nessa CLASS aí... que ela tenha esse refresh sem ter que atualizar toda a página do site.

Entende?

DiF · 20 de julho de 2017

@IngridChieppe Olá, um dos nossos papeis é mover o tópico para o lugar correto.

Agora sobre o exemplo, aquilo era só um mero exemplo para indicar COMO fazer um temporizador para acionar um determinado evento de tempo em tempo. Peço a gentileza que interprete melhor as respostas!

E é justamente esse exemplo que eu dei. UM exemplo SIMPLES de temporizador. o alert é só um exemplo, tanto que a palavra é a classica " hello "

O que você quer fazer pode ser feito de dois modos... com o temporizador como acima forçando um " refresh " a cada 3 ou 5 segundos e/ou uma requisição assíncrona em ajax para que QUANDO houver uma resposta, automaticamente atualizar. Exatamente como acontece no facebook. Que aparece " um usuário está respondendo... " e quando o usuário posta a resposta , ela de atualiza sozinho.

IngridChieppe · 20 de julho de 2017

Mas aí que está, eu não sei como faz isso, eu posso pegar seu exemplo do temporizador e colocar lá como? Para aquele elemento ali ter o refresh? Substituindo o 'hello' pelo elemento?

DiF · 20 de julho de 2017

@IngridChieppe Sim. praticamente isso.

Você troca o alert por algo que você quer atualizar.

Por exemplo:

setInterval(function(){ 
    $("#seu_Div").load("pagina.html");
    
}, 3000);

Isto carregaria a pagina.html dentro de um elemento div a cada 3 segundos.

Daria para fazer com ajax por exemplo:

$(document).ready(function(){
    setInterval(atualiza, 3000); 
}); 

function atualiza(){
    $.ajax({
        url: "pagina a ser carregada"
       
    }).done(function(data) {
        //aqui vai mostrar algo caso seja bem sucedido.
        $("#seu-elemento-div").html(data);
    });
}