Category Archives: Javascript

Preencher datas da semana anterior com Javascript

Assumindo que você tenha 6 campos de formulário, os três primeiros para representar a data inicial, (inicio_dia, inicio_mes e inicio_ano), e os outros três para representar a data final (fim_dia, fim_mes, fim_ano), usando o Dojo Toolkit é muito fácil colocar nas datas de início a segunda-feira da semana passada e na data final, o domingo […]

Biblioteca Javascript do Yahoo

O Yahoo lançou hoje uma biblioteca com funções javascript, prontinhas para você puxar e usar. 10.000 linhas de código, completamente comentadas… a documentação, com tutoriais, ainda está em falta, aliás, como outras bibliotecas como Dojo ou Mochikit. Mas sendo o Yahoo quem é, eu coloco mais fé que eles irão sentar e digitar explicando como […]

Validação de caracteres numéricos

A seguinte função de Javascript verifica se o argumento é um número, Tab ou Enter: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function numero(evtKeyPress) { var nTecla = 0; if (document.all) { nTecla = evtKeyPress.keyCode; } else { nTecla = evtKeyPress.which; } if ((nTecla > […]

setTimeout() e clearTimeout()

Para controlar quando uma função Javascript será executada, use setTimeout(), que aceita dois argumentos. O primeiro argumento é a nome da função, e o segundo, em quanto tempo a função será executada (em milisegundos).

Checkbox e radio com DOM

Para criar um checkbox (ou radio) com o Document Object Model, basta fazer: 1 2 3 4 var checkbox = document.createElement(’input’); checkbox.type = ‘checkbox’; checkbox.name = ‘name1’; checkbox.id = ‘name1’;var checkbox = document.createElement(‘input’); checkbox.type = ‘checkbox’; checkbox.name = ‘name1’; checkbox.id = ‘name1’; Para criar um input radio, basta mudar a propriedade type para “radio”. Para […]

Tabelas dinâmicas

Criar tabelas dinamicamente com o Document Object Model, adicionando e removendo linhas e células, é extremamente fácil. Basicamente envolve a intercalação das funções createElement e appendChild. Este artigo não seria possível sem a incrível documentação do Mozilla, especialmente “Traversing an HTML Table with JavaScript and DOM Interfaces“.

Rollover em linhas de tabelas, clique para marcação

Esta pequena função foi feita copiando parte do código encontrado no phpMyAdmin. Eu precisava colorir linhas de tabelas conforme o mouse passava por elas, e colorí-las também quando o usuário clicasse nelas. No Javascript original do phpMyAdmin, o style com as cores de fundo das células estão dentro do <td>. Além disso, como todas as […]

Pré-carregar imagem

O pré-carregamento de imagens em Javascript ajuda com troca de imagens, por exemplo nos eventos de clique ou passagem do mouse (onmousedown e onmouseover), pois o visitante não precisará esperar ser carregada a imagem apenas quando o navegador disparar o evento. O pré-carregamento é feito com o seguinte código (lembre-se de colocar isso dentro de […]

Posições vertical e horizontal de um elemento

Depois de penar por uma hora para descobrir uma maneira multi-plataforma de recuperar as posições vertical e horizontal de um objeto na tela, achei uma solução. Multi-plataforma no sentido que testei no Firefox 1.0.7, IE 6 e Opera 8.5 🙂 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 […]

Select dinâmico

No dia 03/09/2005, publiquei uma introdução ao Ajax. Como dei uma rápida passada nos assuntos principais, como DOM e o XMLHttpRequest, resolvi que era a hora de mostrar mais exemplos práticos, de situações corriqueiras ou interessantes, onde você pode usar Ajax e a biblioteca CPAINT. Então, vou ensinar como mudar os valores de um <select>, […]