Entrar

Que hago mal?

VanPoppel · · Solicitar retirada
Antes que nada presentarme, he encontrado esta página de casualidad y es una página tremenda para empezar a programar webs. Enhorabuena a sus creadores.

Me he animado a hacer una web y necesito hacerle un index con contraseña de acceso. Todavía no tengo los conocimientos y experiencia necesaria para saber realizar scripts pero encontré uno, más o menos seguro (no lo sé, no creo que sea excesivamente seguro) pero el caso es que funciona para lo que quiero. El caso es que necesito un consejo para corregir una cosa, el script funciona, metes la contraseña, pero a la hora de aceptar tienes que hacer click en el botón acceder, me gustaría, si es posible, aceptar la contraseña con el botón intro del teclado.

El script es este:

<SCRIPT>
function acceso(){
window.location = document.formclave.clave.value + ".html"
}
</SCRIPT>

<FORM name=formclave>
<INPUT type=password name=clave>
<INPUT type=button value=Acceder onclick="acceso()">
</FORM>

Hay alguna manera de combinar las dos cosas, lo he intentado con el "or" (conozco lenguajes de programación tipo C) y no me ha funcionado.

Gracias por las ayudas.
skaparate · · Solicitar retirada
Hola, podrías utilizar jQuery, que es un Framework para Javascript. Tendrías que incluir lo siguiente en el head: <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>.

Modifica el formulario (form) y dale un id o class (class="algo" o id="algo"). También dale un id al input de acceso (<input type="button" value="Acceder" id="acceso" />) y quitale el onclick. Además agrega un class al input que tiene el password (<input type="password" class="pass" name="clave" />)

Ahora, en lugar de lo que tienes escrito dentro del <script></script>, reemplázalo por:
<script type="text/javascript">
$(document).ready(function() {
  $('#acceso').click(function() {
    window.location = document.formclave.clave.value + ".html"
  }

  $('.pass').keyup(function(event) {
    if(event.keycode() == ??) { // El problema es que no recuerdo el código de la tecla Enter, así que tendrías que averiguarlo (creo que es 13)
      event.preventDefault();
      window.location = document.formclave.clave.value + ".html";
    }
  });
});
</script>

Teóricamente eso haría exactamente lo mismo que ya tienes.

Saludos.