JavaScript - DHTML / Segurança
Teclado Virtual Key
enviado por wanderson santos
O código apresenta um teclado virtual, como os comumente utilizados em sites de Bancos, ótimo para proteger a senha dos visitantes do seu site. Com ótima aparência em um monitor LCD e teclado aparência moderna.
Fácil de usar.
/*********************************
MYFORM
FUNÇÃO DE RETURNAR O VALOR
DO FORMULÁRIO DO TECLADO
**********************************/
function myform(){
return document.teclado;
}
/*********************************
MYFIELD
FUNÇÃO DE RETURNAR O VALOR
DO CAMPO DISPLAY
**********************************/
function myfield(){
return document.teclado.display;
}
/*********************************
MYLIGHT
FUNÇÃO DE RETURNAR O VALOR
DO CAMPO DA LUZ
**********************************/
function mylight(){
return document.luz.here;
}
/*********************************
ADD
FUNÇÃO DE ADICIONAR UM VALOR
NO CAMPO DISPLAY
**********************************/
function add(valor){
F = myform();
C = myfield();
if(F.Z.value=='Luz_Acesa'){
valor = valor.toUpperCase();
}else if(F.Z.value=='Luz_Apagada'){
valor = valor.toLowerCase();
}
C.value=C.value+valor;
}
/*********************************
RESETAR
FUNÇÃO DE LIMPAR O CAMPO DISPLAY
**********************************/
function resetar(){
C = myfield();
C.value='';
}
/*********************************
APAGAR
FUNÇÃO DE APAGAR O 1 CARACTERE DO
DISPLAY
**********************************/
function apagar(){
C = myfield();
C.value=C.value.substr(1);
}
function apagaLuz(){
mylight().className='luz_apagada';
}
/*********************************
ACENDELUZ
FUNÇÃO DE ACENDER A LUZ
**********************************/
function acendeLuz(){
mylight().className='luz_acesa';
}
/*********************************
CASE
FUNÇÃO DE "SER" O BOTÃO SHIFT DO
TECLADO
**********************************/
function Case(){
F = myform();
C = myfield();
if(F.Z.value==""){
acendeLuz();
F.Z.value='Luz_Acesa';
}else if(F.Z.value=='Luz_Apagada'){
acendeLuz();
F.Z.value='Luz_Acesa';
}else if(F.Z.value=='Luz_Acesa'){
apagaLuz();
F.Z.value='Luz_Apagada';
}
}
/*********************************
COMECA
FUNÇÃO DE COMECAR O SCRIPT
**********************************/
function comeca(){
F = myform();
resetar();
apagaLuz();
F.Z.value='';
}
//COMENTÁRIOS
/*********************************
MOSTRA
**********************************
document.onkeydown = doi;
var elems = document.forms[0].getElementsByTagName("BUTTON");
var tecla, letra;
function down(){
tecla = window.event.keyCode;
if(tecla == '186'){
letra = 'Ç';
}
else{
letra = String.fromCharCode(tecla);
}
window.status = "Você digitou a letra " + letra;
for(i = 0; i < elems.length; i++){
if(elems[i].value == letra){
elems[i].style.borderStyle = 'inset';
}
}
}
function up(){
for(i = 0; i < elems.length; i++){
elems[i].style.borderStyle = 'outset';
}
}
document.onkeydown = down;
document.onkeyup = up;
function doi(){
tecla = window.event.keyCode;
letra = String.fromCharCode(tecla);
document.forms[0].write(''+letra);
}*/
Versão impressa gerada em:
sexta-feira, 21 de novembro de 2008
© Copyright 2006 - R&W Consulting.