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); }*/