MouseOver Studio

MouseOver Studio header image 2

Desenhando em formulários com InputDraw

August 1st, 2007 por Diego Carrion · Sem comenários

A galera de Mai’nada.NET, depois de criar o <InputDraw />, comunicou o seguinte:

Com a chegada dos novos aparelhos moveis, as interfaces caligráficas estão crescendo mais do que nunca. A pesar disso, nos não vemos muitos sites como forums ou blogs pegando proveito disso. Nosso objetivo foi criar um widget caligráfico para ser usado nos formulários de maneira simples e transparante, algo como <input type="draw" />

Fiquei curioso e decidi experimentar.

Primeiro descarreguei a versão 1.2, que além dos três arquivos necessários (dois .js e um .swf chamado SWFObject, que serve para trabalhar com JavaScript e Flash), contem uma página de exemplo, outra com a documentação e uma ultima com as características da versão selecionada, assim como uma imagem que é utilizada na mostra.

Seguidamente, conforme indicado, fiz a inclusão dos dois arquivos js:



e por ultimo, inclui no meu corpo um elemento div que serviria como o editor, um elemento oculto que guardaria o resultado do meu desenho e uma instrução em JavaScript que se encarregaria de criar o widget depois do meu documento ter carregado perfeitamente:

Tentei visualizar o resultado do editor em forma de código da mesma maneira que pode ser visualizada na pagina do projeto, mas não consegui. Vou tentar me comunicar com os responsáveis para descobrir se fiz algo errado ou existe algum bug. Uma vez tendo controle com o resultado, posso salvar ele e depois visualizar o produto utilizando um visualizador que a mesma livraria traz.

De qualquer maneira, o editor pode ser testado aqui mesmo:

Espero que gostem.

Tags: JavaScript · Widgets · livrarias · programação

0 respostas ate agora ↓

  • Todavia não existem comentários... Arrasa preenchendo o formulário embaixo.

Deixar um comentário