P.- Me gustaría que huiese un pequeño teclado en mi página web, ¿Cómo lo hago?
R.- Con este código
¡¡ahora con tecla de borrar, mayusculas/minúsculas y teclado QWERTY!! Ahora compatible con firefox:
Ver Ejemplo Código PHP:
<html>
<head>
<title>79.-Teclado</title>
<script>
//Script absurdo y original de KarlanKas para forosdelweb.com
texto="";
var Tletras=new Array ("Q","W","E","R","T","Y","U","I","O","P","A","S","D","F","G","H","J","K","L","Ñ","Z","X","C","V","B","N","M",",",".");
var z=0;
var mayus=true
function anadir(letra){
texto=document.getElementById("barra").value;
if(letra=="<<"){
numeroLetras=texto.length-1
texto=texto.substring(0,numeroLetras);
}
else{
if(!mayus){letra=letra.toLowerCase()}
texto=texto+letra;
}
document.getElementById("barra").value=texto;
}
function mostrar(){
if (z==0){z=1;document.getElementById("botones").style.display="block";pregunta.innerText="Ocultar teclado";}
else {z=0;document.getElementById("botones").style.display="none";pregunta.innerText="Mostrar teclado";}
}
function cambiomayus(aqui){
if(aqui.checked){mayus=true}
else{mayus=false}
}
</script>
</head>
<body style="font:normal 10px/15px verdana">
<center>
<div style="width:300px">
<input type="Text" id="barra" name="barra" style="width:300px;border:solid 1px black" ><br>
<br>
<div align=center id="botones" style="font:normal 8px/4px verdana;display:none;"></div>
<script>
var letras="";
var p=0;
for (a=0;a<Tletras.length;a++){
letras=letras+"<input style='width:20px;' type='Button' value="+Tletras[a]+" onclick=anadir('"+Tletras[a]+"')> ";
p=p+1;
if(p==10){p=0;letras=letras+"<br><br>";}
}
botones.innerHTML=letras+"<input style='width:20px;' alt='Borrar' type='Button' value=« onClick=anadir('<<')><br><br><input style='width:205px;height:22px;' type='Button' value='espacio' onclick=anadir(' ')><br><input type=checkbox name=mayusculas onclick='cambiomayus(this)' checked><font style='font:10px'>Mayusculas</font>";
</script>
<a id="pregunta" href=javascript:mostrar()>Mostrar teclado</a><br>
</div>
</center>
</body>
</html>