Inércia Sensorial

Month: November 2005

  • Checkbox e radio com DOM

    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…

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

  • Múltiplas classes CSS em um mesmo elemento

    Sim, é possível, e é muito fácil. Para aplicar mais de uma classe em um elemento, basta separar os nomes com espaços, por exemplo: [html]lorem ipsum[/html]

  • Reverter a exclusão por svn de um arquivo

    Rodou svn delete arquivo.ext e se arrependeu? O Subversion permite desfazer essa ação. Você pode voltar o arquivo do repositório rodando svn revert arquivo.txt.

  • O comando find é recursivo

    O find do Linux já procura recursivamente nos diretórios especificados. Eu já sabia mas lembrei hoje (pouco café, dores no estômago), então fica eternizada essa lembrança. Aconteceu porque precisei achar arquivos de backup em um diretório, que é feito assim: find -name “*~”

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

  • Esticar uma caixa verticalmente com CSS

    Quando você quer esticar uma caixa via CSS para ocupar todo um espaço vertical, a solução mais óbvia é fazer: [css].classe { width:100%; }[/css] E funciona na maioria das vezes. Entretanto, quando o doctype está em modo strict, a caixa não esticará para preencher todo o espaço. Isso acontece porque no modo strict, uma caixa…

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

  • Como usar saquinho de gasolina

    Pois hoje acabou a gasolina, e quando fui dar a partida no carro, apenas um leve ronco do motor e nada dele sair do lugar. Com o Rafael, I(g)nácio, Thiago e o Fi, fui até o posto. Oito reais por três litros de gasolina, mais um real pelo saquinho, voltamos ao carro. Virei o saquinho…