Rogério Lino

Posts Tagged ‘XHTML

Javascript: Colorpicker

Publicado por: Rogério Alencar Lino Filho em: 19 Novembro, 2007

Para quem não conhece, colorpicker é um seletor de cores. Ou seja uma “janela” com n cores predefinidas. Esse exemplo simula o colorpicker da Macromedia, disponível no Flash, Dreamweaver, Fireworks e etc. Como o picker da Macromedia, ele possui um display para pre-visualizar a cor e o seu valor hexadecimal ao passar o mouse sobre [...]

Javascript: DataGrid

Publicado por: Rogério Alencar Lino Filho em: 11 Outubro, 2007

Há algum tempo queria fazer algo parecido e então tirei um tempo para desenvolver, ou pelo menos tentar, uma espécie de data grid. Este é composto por uma tabela de quantas linhas e colunas desejar, e em cada célula (<td>) contém um <div> e um <input>, no qual se alternam. Para uma hora poder alterar [...]

Javascript: Graphic Generator

Publicado por: Rogério Alencar Lino Filho em: 1 Abril, 2007

Esses dias um pouco inspirado com a aula de Probabilidade e Estatística, resolvi fazer um script para gerar gráficos de barras. Você cria um novo objeto Grafico (sem acento mesmo – new Grafico(n); ) passando o número de barras como parâmetro e então a partir dele com set’s e get’s você gera o seu gráfico. [...]

CSS: Loading Image

Publicado por: Rogério Alencar Lino Filho em: 16 Março, 2007

Podemos simular um pré-carregamento de uma imagem utilizando a propriedade CSS background setando um outra imagem, na qual informará o carregamento da imagem. img { background: #ffffff url(loading.gif) no-repeat center center; } E pronto, mas uma observação um tanto lógica e óbvia que deve se fazer é sobre o tamanho da imagem de fundo, que [...]

Javascript: Tooltip

Publicado por: Rogério Alencar Lino Filho em: 24 Fevereiro, 2007

Ver post no novo domínio: http://blog.rogeriolino.com/2007/02/24/javascript-tooltip/ Há algum tempo eu fiz um script de uma tooltip (aquela caixa que abre ao passar o mouse sobre algum link). Infelizmente o código não é dos menores, o que deixaria muito grande o post e sua explicação. Mas não está difícil de entender. Qualquer dúvida é só deixar [...]


Categorias

Seguir

Get every new post delivered to your Inbox.