Añadir un teclado a tu página web
Escrito por J.F. el Sunday, 22 de July del 2007 a las 13:54
Otro script de Karlankas de Foros del Web, en éste caso para mostrar un teclado en una página web, hecho con Javascript. Me limito a poner el código, y dejar un link para ver el ejemplo funcionando:
JavaScript:
-
<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>
Ejemplo: | Ver teclado funcionando en el explorador
Comentarios (2)
Categoria: Javascript
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
2 Comentarios
Entradas relacionadas
Comentario de nude
Realizado el Friday, 20 de March del 2009 a las 22:58
Comentario de nude
Realizado el Monday, 6 de April del 2009 a las 9:16
Escribir un comentario
