<html>
<head><title></title>
<link rel="stylesheet" type="text/css" href="../styles/stylesheet.css">
<script type="text/javascript">
<!--
/*ESTA FUNCIÓN COMPRUEBA LOS CAMPOS USER Y PWD*/
function comp(){
//comprueba si la longitud de la caja user es igual a 0 caracteres, alerta en caso de que lo sea, devuelve el foco al campo user y devuelve FALSE
if(document.getElementById('user').value.length == 0){
alert('Falta el nombre');
document.getElementById('user').focus();
return false;}
//comprueba que la longitud supere los 4 caracteres, alerta en caso contrario, devuelve el foco al campo user y devuelve FALSE
else if(document.getElementById('user').value.length < 4){
alert('El nombre no coincide: debe ser superior a 4 caracteres');
document.getElementById('user').focus();
return false;}
//comprueba si la longitud de la caja pwd es igual a 0 caracteres, alerta de que falta la contraseña, devuelve el foco al campo y devuelve FALSE
else if(document.getElementById('pwd').value.length == 0){
alert('Falta la contraseña');
document.getElementById('pwd').focus();
return false;}
//comprueba si la longitud de pwd supera los 4 caracteres, alerta si no es así, devuelve el foco al campo y devuelve FALSE
else if(document.getElementById('pwd').value.length < 4){
alert('La contraseña no coincide: debe ser superior a 4 caracteres');
document.getElementById('pwd').focus();
return false;}
//si todo está completo, devuelve TRUE
else{return true;}}
//-->
</script>
<script type="text/javascript">
<!--
//esta variable contendrá los caracteres de la contraseña
var contrasena="";
//este array contiene el teclado
var TNumeros=new Array ("1","2","3","4","5","6","7","8","9","0","<<");
/*Esta función añade la contraseña a su campo correspondiente*/
function anadir(letra){
//se añade el valor del campo pwd a la variable contrasena
contrasena=document.getElementById('pwd').value;
//este IF se encarga de borrar la última letra si la tecla pulsada es Backward
if(tecla=="<<"){
//se define una variable y se le asigna el valor de contrasena menos 1
var longPass = contrasena.length - 1;
//se asigna a contrasena el valor que hay entre 0 y la longitud de longPass
contrasena = contrasena.substring(0, longPass);}
//si la tecla pulsada es otra
else{
//se le pasa a contrasena su valor más el de la tecla pulsada
contrasena = contrasena + letra;}
//y se le pasa esta variable al campo pwd
document.getElementById('pwd').value = contrasena;}
/*Esta función muestra el teclado*/
/*Esta es la línea que me da error*/
function mostrar(){
document.getElemenById('botones').style.display = 'Block';}
/*Hasta aquí*/
//-->
</script>
</head>
<body class="bodies">
<center><font class="font">
<p class="encabezados"><input type="text" id="titulo" value="DIRECCIONES">DIRECCIONES</p>
<FORM ACTION="menu.html" method="post" enctype="text/plain" onSubmit="return comp(this);">
<p id="restricted">!Área restringida!</p>
<p id="textform">Para ver esta página, necesitarás registrarte o identificarte como usuario.</p>
<table class="tablas">
<tr>
<td class="derecha">USUARIO</td>
<td class="izquierda"><input type="text" id="user" name="login"></td>
</tr>
<tr>
<td class="izquierda">PASSWORD</td>
<td class="derecha"><INPUT TYPE="PASSWORD" id="pwd" NAME="CLAVE" onBlur="mostrar();"></td>
</tr>
</table>
<input TYPE="SUBMIT" VALUE="Enviar" class="send" id="enviar">
<input type="reset" Value="Borrar" class="reset" id="resetear">
</form>
<div align=center id="botones" name="capabotones" style="font:normal 8px/4px verdana;display:none;"></div>
<script type="text/javascript">
<!--
/*Este script pintará el teclado*/
//esta variable contendrá el HTML de cada tecla
var teclas = "";
//esta bucle pinta los botones
for (a=0;a<TNumeros.length;a++){
//se añade un botón por cada tecla
teclas = teclas + '<input style="width:20px;" type="Button" value="'+TNumeros[a]+'" onclick="anadir("'+TNumeros[a]+'")> ';}
//se pinta en la capa botones el contenido del teclado más la tecla de borrado más la tecla de espacio
document.getElementById('botones').innerHTML=teclas + '<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("*");">';
//-->
</script>
<!--<a id="pregunta" href=javascript:mostrar()>Mostrar teclado</a><br>-->
</font></center>
</body>
</html>
