Nov.16

Como deixar a barra de scroll sempre em baixo numa DIV ou TEXTAREA? Javascript – JQuery

Iae pessoal, tudo bem?

Estes dias estavamos enfrentando um probleminha relacionando textarea, limitação de caracteres e scrollbar, sempre que o limite era atingido a função implementada para fazer a checagem fazia uma operação que subia o scroll para o inicio do textarea, o que dava um efeito meio ruim para o usuário, feito isso pesquisamos e achamos uma solução bem simples que deixa o scroll sempre em baixo, tirando esse “bug” xD

Segue o código utilizando JQUERY:


$("#nomeCampoOuDiv").scrollTop($("#nomeCampoOuDiv")[0].scrollHeight);

Codigo Utilizando JavaScript:


document.getElementById("idCampo").scrollTop = document.getElementById("idCampo").scrollHeight;

Só lembrando: A maioria das implementações efetuam uma operação com subString assim que o limite é atingido, entao nesse momento a configuração do scroll deve ser setada.

HTML,JavaScript

Nov.04

Como atualizar uma página web automaticamente? Utilize uma meta tag!

Certa vez estavamos precisando encontrar um método de atualizar uma página web que criamos de tempo em tempos (periódicamente), a solução bem prática e simples encontrada na internet foi utilizar a meta tag:

<meta http-equiv=”refresh” content=”tempo URL=urlDesejada”>

Onde Utilizar?

Bom, a implementação desse código é bem simples, basta você colocar dentro do <head> (cabeçalho) da sua página e especificar o tempo e a url desejada, no nosso caso a própria url:


<head>

<meta http-equiv="refresh" content="5 URL=index.html">

</head>

É isso aí pessoal, espero que possa ajudar vocês assim como me ajudou.

Abração a todos!

HTML