Código Fonte - O melhor conteúdo para programadores

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: sábado, 7 de novembro de 2009

© Copyright 2006 - R&W Consulting.