Busca avançada Meus favoritos Como criar site grátis em PHP, HTML, CSS, JS ...
Postes RECENTES
Categorias
Ultimos posts
- background-image css
- tooltip jquery
- editor de imagens online
- 60 belas texturas
- belas texturas gratis
- Calcular frete em ASP
- variaveis php existe
- redirecionar site php
- remover espaços de string
- gerador de layout css
- máscara javascript
- estrutura condicional
- teclado virtual
- crie imagem loading
- personalizar curso mouse
teclado virtual javascript
Teclado virtual em javascript semelhante ao utilizado pelo bancos. Vou deixar dois exemplos aqui. O primeiro teclado é mais completo, tem suporte a várias línguas, o português inclusive, além de vários recursos interessantes.
O segundo teclado é mais simples, mas tem um recurso interessante, muda a posição das teclas cada vez que o site é acessado. A ordem das teclas é aleatória, não pode ser prevista.
Usando o teclado virtual no seu site
Após baixar o teclado virtual n0.1, faça o seguinte: <html>
<head>
<script type="text/javascript" src="keyboard.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" href="keyboard.css">
</head>
<body>
<form>
<input type="text" value="" class="keyboardInput">
</form>
</body>
</html>
As três linhas em negrito sãos responsáveis pelo funcionamento do teclado virtual. A primeira linha em negrito inclui o arquivo javascript com o teclado, a segunda linha carrega o css e a terceira linha em negrito é o input do tipo texto como outro qualquer.
Observe que na terceira linha em negrito do nosso exemplo o campo input esta com a class keyboardInput, e essa class do css que irá chamar o teclado virtual para este campo do formulário.
Clique aqui para baixar o teclado virtual número 1 - Este script baixei de um forum, faz bastante tempo e não lembro, se alguem souber a origem informe nos comentários.
Clique aqui para baixar o teclado virtual número 2 - este script eu peguem neste site aqui
Espero que tenham gostado, até a próxima
MATERIAS RELACIONADAS
- função para descobrir quantos dias restam para o fim do mês
- estilizando a barra de rolagem com css
- máscara javascript para formatar campos de formulário
- site para busca de icones gratis
Comentários
Por: Luiz Weberscripts - em: 28/06/2009 - as: 12:58:37Muito bacana este tuto.
Realmente.. Os usuários ficam mais tranquilos quando existem ferramentas que simulam, na internet, idéias de instituições realmente confiáveis, como os caixas eletrônicos em bancos.
Só eu acredito que isto deva ser usado em sistemas online que envolvam dinheiro e não em todos pois, dependendo da situação pode ficar um pouco chato ter que ficar clicando..
=)
DEIXE SEU COMENTÁRIO