Formulario con dos campos de texto

sumolari · #1 (**permalink**) 22/06/2006, 15:09

Buenas, aquí molestando de nuevo:
Pues verán, encontré un código muy interesante de Tunait (este):

Código:

<head>
<title>Documento sin t&iacute;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

sumolari · #2 (**permalink**) 26/06/2006, 03:37

Ya he solucionado el problema:
Necesitas dos carpetas, PE: pwrd y ID

Código:

<script language="JavaScript">
var pwrd
function comprueba(valor)
{
id = valor 
pwrd = valor
document.imagen.onload = acceso
document.imagen.onerror = denegado
document.imagen.src = "pwrd/" + valor + ".gif";
document.imagen.src = "ID/" + valor + ".gif"; 
}
function denegado()
{location.href = 'denegado.htm'	}
function acceso()
{
document.cookie = escape('acceso=' + pwrd)
location.href = 'ok.htm'
}

</script>

Para introducir más datos basta con poner

Código:

<script language="JavaScript">
var pwrd
function comprueba(valor)
{
id = valor 
pwrd = valor

cosa = valor

Código:

document.imagen.onload = acceso
document.imagen.onerror = denegado
document.imagen.src = "pwrd/" + valor + ".gif";
document.imagen.src = "ID/" + valor + ".gif";

document.imagen.src = "carpeta/" +valor + ".formato de la imagen";

Código:

}
function denegado()
{location.href = 'denegado.htm'	}
function acceso()
{
document.cookie = escape('acceso=' + pwrd)
location.href = 'ok.htm'
}

Ya después el formulario:

Código:

<table width="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>
		  <td align="right"><strong><font size="2">ID</font></strong></td>
		    <td><input name="pass2" type="password" class="pepe" id="pass2"></td>
		  <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>