Category: 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…

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…

A seguinte função de Javascript verifica se o argumento é um número, Tab ou Enter: function numero(evtKeyPress) { var nTecla = 0; if (document.all) { nTecla = evtKeyPress.keyCode; } else { nTecla = evtKeyPress.which; } if ((nTecla > 47 && nTecla < 58) || nTecla == 8 || nTecla == 127 || nTecla == 0…

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).

Para criar um checkbox (ou radio) com o Document Object Model, basta fazer: 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 ter o HTML do checkbox: var div1 = document.createElement(‘div’); div1.appendChild(checkbox); Bastando usar div1.innerHTML no seu Javascript…

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“.

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…

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…

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 🙂 function pegarPosicaoX(objeto) { var atual_left = 0; if (objeto.offsetParent) { while (objeto.offsetParent) { atual_left +=…

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>,…