Category Archives: JavaScript

JavaScript: Fazer o label do checkbox ser clicável

É comum usar checkboxes nas configurações ou na interface de seu site. Ao clicar nela alguma coisa é ligada, ao clicar novamente é desligada. Simples, não? [X] Fundo colorido O código para fazer uma opção destas é trivial: <input id=”fundo” … Continue reading

Posted in JavaScript | Tagged , , , , | 14 Comments

JavaScript: Obter e mostrar data e hora

Para obter a data (e hora) atual com o JavaScript, basta instanciar um objeto novo do tipo Date. Este objeto traz vários métodos para obter cada pedaço da data e da hora. Veja um exemplo: // Obtém a data/hora atual … Continue reading

Posted in JavaScript | Tagged , , , , , , , , , , , , | 1 Comment

Javascript: Carregar estilos dinamicamente (CSS)

A dica é realmente interessante e já me ajudou em outros momentos. Existem momentos que vocês simplesmente deseja fazer aquela “alteração de estilo” no site sem ter que fazer aquele famigerado reload da página. Então, como fazer isso sem usar … Continue reading

Posted in JavaScript | Tagged , , , , , | 6 Comments

Javascript: Executando scripts após o carregamento da página

Palavras-chave: DEFER, onLoad, body, carregamento O problema é clássico. Você tem uma função/método e deseja que ele seja chamado apenas após o carregamento da página pois esse script interage com algum elemento da página que precisa estar completamente renderizado para … Continue reading

Posted in JavaScript | 32 Comments

Javascript: Construindo listas dinamicamente

Palavras-chave: DOM, childnode, removechild, excluir itens Quando começamos a trabalhar com telas javascript, especialmente quando o assunto tem a ver com Ajax e coisas parecidas, é praticamente inevitável o desejo de tornar aquelas páginas HTML estáticas em algo mais interativo, … Continue reading

Posted in JavaScript | 8 Comments

Javascript: Validação dentro do XHTML com CDATA

Palavras-chave: Javascript, HTML, XHTML, SVG, XML, CDATA, válido, validator Você mudou suas páginas de HTML para XHTML e agora elas não validam mais por causa do Javascript. O que acontece? No HTML, todo o conteúdo da tag <script> é considerado … Continue reading

Posted in JavaScript | 4 Comments

Javascript: Descobrindo o emissor de um evento

Palavras-chave: DOM, eventos, target Existem diversas maneiras de registrar um evento. Na forma tradicional, a função deve ter como único parâmetro uma referência ao evento que a invocou. Então, se a função não recebe nada além desse parâmetro, como descobrir … Continue reading

Posted in JavaScript | 3 Comments

Javascript: Arrays com valores vazios (undefined)

Palavras-chave: array, foreach, undefined Arrays em javascript tem um comportamento curioso. Você pode instanciá-los com um tamanho pré-definido ou incrementá-los / decrementá-los à medida que achar necessário. Mas, existe uma situação peculiar. Imagine a seguinte situação: var a = new … Continue reading

Posted in JavaScript | Comments Off on Javascript: Arrays com valores vazios (undefined)