Buenas, aquí molestando de nuevo:
Pues verán, encontré un código muy interesante de Tunait (este):
Código:
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.pepe {
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
border: 1px solid #996600;
color: #990000;
background-color: #FFFFFF;
}
-->
</style>
<script language="JavaScript">
var pwrd
function comprueba(valor)
{
pwrd = valor
document.imagen.onload = acceso
document.imagen.onerror = denegado
document.imagen.src = "pwrd/" + valor + "hola.gif";
}
function denegado()
{location.href = 'denegado.htm' }
function acceso()
{
document.cookie = escape('acceso=' + pwrd)
location.href = 'ok.htm'
}
</script>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFFFF0">
<form name="form1" onsubmit="comprueba(this.pass.value);return false">
<table width="57%" align="center" class="pepe">
<tr align="center">
<td colspan="2"><strong><font size="2">Introduce tu password</font></strong></td>
</tr>
<tr>
<td width="35%" align="right"><strong><font size="2">Password</font></strong></td>
<td width="65%"><input name="pass" type="password" class="pepe" id="pass"></td>
</tr>
<tr>
<td align="right"><img src="trans.gif" name="imagen" width="0" height="0" id="imagen" ></td>
<td><input name="Submit" type="button" class="pepe" value="Comprobar" onclick="comprueba(this.form.pass.value)"></td>
</tr>
</table>
</form></td>
</tr>
</table>
</body>
Bueno, funciona de la siguiente manera:
El campo se rellena con el nombre de una imagen .gif que hay en la carpeta pwrd.
Mis preguntas son:
¿Puedo hacer que haya otro campo de texto? Este campo se rellenará con los nombres de las imágenes .jpg por ejemplo.
¿Podría relacionar dos imágenes entre sí? Me explico: En la carpeta pwrd hay 4 archivos:
1.gif
2.gif
1.jpg
2.jpg
Quiero que sólo se pueda acceder al rellenar el formulario poniendo 1.gif y 2.jpg o 2.gif y 1.jpg.
Gracias por su ayuda