PUBLICIDADE
Este código tem nota
8,67

Autor

guhsnet

Gustavo Henrique Silva

membro deste janeiro de 2007

Tags

Enquete

Que programa de afiliados é mais rentável?
PUBLICIDADE

Teclado Virtual


Teclado Virtual numérico, exemplo de utilização em websites de bancos!

atenção: estou anexando um arquivo adicional "teclado_muda.js", onde as teclas mudam de lugar depois de clicar em uma tecla, caso necessite disso, substitua o teclado.js pelo teclado_muda.js!

obs: infelizmente esse belíssimo código não foi feito por mim, eu o peguei em um forum; ahhhh e autor me desculpe, mas eu não lembro o seu nome, caso alguém saiba o nome autor, deixe um comentário! obrg ;)

boas vibes!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xml:lang="en" lang="en" xmlns="[url="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/url]">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="Content-Language" content="pt-br" />
  <meta http-equiv="Expires" content="Thu, 01 Jan 1970 00:00:00 GMT" />
  <meta http-equiv="Cache-Control" content="no-store" />
  <meta http-equiv="Pragma" content="no-cache" />
  <title>Teclado Virtual</title>
  <script type="text/javascript" src="teclado.js"></script>
  <style type="text/css">@import url(teclado.css);</style>
</head>
<body>
  <form id="formulario" name="formulario" method="post" action="">
   <input type="text" name="passwd" id="passwd" />
  </form>
  <span id="teclado" name="teclado">
   <div id="teclas">
    <ul>
     <li><a href="#" class="mostra">x</a></li>
     <li><a href="#" class="mostra">x</a></li>
     <li><a href="#" class="mostra">x</a></li>
    </ul>
    <ul>
     <li><a href="#" class="mostra">x</a></li>
     <li><a href="#" class="mostra">x</a></li>
     <li><a href="#" class="mostra">x</a></li>
    </ul>
    <ul>
     <li><a href="#" class="mostra">x</a></li>
     <li><a href="#" class="mostra">x</a></li>
     <li><a href="#" class="mostra">x</a></li>
    </ul>
    <ul>
     <li><a href="#" class="mostra">x</a></li>
    </ul>
   </div>
  </span>
</body>
</html>

ArquivoTipoTamanhoHits 
teclado.cssArquivo CSS509 bytes2957Baixar o Arquivo
teclado.jsArquivo JS3,4 Kb3085Baixar o Arquivo
teclado_muda.jsArquivo JS3,6 Kb2668Baixar o Arquivo
Sim   Não   Este código foi útil para você?
NotaComentário
9
denunciar
cidinha comentou em 10/3/2011

Muito bom

Muito bom o código, e facil
9
denunciar
usertop comentou em 12/1/2010

Bom

Um bom código muito bom
8
denunciar
nmrfacha comentou em 6/7/2009

Bom!

O codigo é bom, no entanto o "teclado_muda.js" não esta a funcionar...

E tambem os numeros a desaparecerem quando estamos com o rato em cima delas torna dificil "acertar" nos mesmos.

Nota: 8
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • A pontuação de comentários de conteúdo do próprio membro não serão computados.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
  • Há um limite de 10 comentários por dia para cada membro.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

     (ainda não tem cadastro? clique aqui!)

Máximo de 30 caracteres

Máximo de 255 caracteres