Blue

Com tanta coisa para fazer passou-me completamente ao lado. Mas que “pai” desnaturado que sou…
No passado dia 1 de Maio fez 2 anos desde que escrevi o primeiro post aqui no muiomuio.
Foi em 2006…como o tempo passa…

Por vezes é necessário alguma segurança nos campos de input dos sites. Para essas ocasiões uma boa forma de controlar se o utilizador é humano ou maquina usa-se um teclado virtual.
As plataformas de home banking adoptaram esta solução e em alguns casos é bastante útil.

Grey Wyvern criou um teclado virtual em JavaScript bastante interessante.

Instalação

A sua instalação é relativamente simples:

1. Faz download do código (Copy/Paste) para um ficheiro e chama esse ficheiro keyboard.js
2. Copia o código CSS e guarda-o num ficheiro que poderá ser keyboard.css
3. Coloca esses ficheiros online
4. Insere o seguinte código dentro da HEAD da página onde queres que apareça o teclado:

   <script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">


   Nota: Este código assume que os ficheiros estão na mesma directoria que a página.

5. Para definir qual o campo de input onde o teclado deverá actuar basta atribuir a class keywboard:

   <input type="text" value="" class="keyboardInput">

» Javascript Graphical / Virtual Keyboard Interface

Acabei de criar uma página com thumbnails e links para alguns dos sites que desenvolvi.

Comentários, sugestões, feedback é sempre benvindo

Link: http://blue.muiomuio.net/portfolio/