Activar botones sin mouse

bandolera · #1 (**permalink**) 10/08/2010, 20:49

La estructura de mi formulario es basicamente así:

Código HTML:

<html>
<body>
<form action="carrito.php" method="post">
      <input type="submit" name="agrega" value="Agregar">
      <input type="button" name="borra"  value="Borrar"  onClick="parent:location='proc1.php'"><br>
      <input type="button" name="cambia" value="Cambiar" onClick="parent:location='proc2.php'"><br>
</form>
</body>
</html>

Pero no quiero utilizar el mouse para activar los botones, cómo hago para que el usuario active con Ctrl+A, Ctrl+B y así las teclas del formulario ?
Gracias.

Nemutagk · #2 (**permalink**) 10/08/2010, 21:46

Eso no tiene nada que ver con PHP ¬¬, para eso, existe la propiedad "accesskey" en HTML...

Código HTML:

Ver original<form method="post">
<input type="submit" value="enviar" accesskey="u" />
</form>

Ojo, accesskey solo funciona en los siguientes tag

a
area
button
input
label
legend
textarea

GatorV · #3 (**permalink**) 10/08/2010, 21:55

Tema movido desde PHP a HTML

bandolera · #4 (**permalink**) 11/08/2010, 14:35

Cita:

Iniciado por Nemutagk

Eso no tiene nada que ver con PHP ¬¬, para eso, existe la propiedad "accesskey" en HTML...

Código HTML:

Ver original<form method="post">
<input type="submit" value="enviar" accesskey="u" />
</form>

Ojo, accesskey solo funciona en los siguientes tag

a
area
button
input
label
legend
textarea

Funciona, hhmm... pero quiero poner en negrita o subrayado la primera letra para que se sepa qué teclas utilizar no?
En Aceptar: Aceptar y presionan Alt+A, claro que en Firefox deben utilizar Shift+Alt+Letra.
En el formulario que presenté al inicio cómo lo hago?
Gracias

bandolera · #5 (**permalink**) 11/08/2010, 14:37

Cita:

Iniciado por GatorV

Tema movido desde [URL=http://www.forosdelweb.com/f18]PHP[/URL] a [URL=http://www.forosdelweb.com/f4]HTML[/URL]

Yo programo en PHP y subconcientemente lo puse por error en ese foro.

Gracias por reubicar mi tema.

Nemutagk · #6 (**permalink**) 11/08/2010, 15:10

Para botones es sencillo...

Código HTML:

Ver original<--! Este es un boton sencillo -->
<input type="button" name="miboton" value="boton" />
 
<--! Este es un boton con un caracter subrayado -->
<button name="miboton"><u>B</u>oton</button>
 
<--! Este es un boton del tipo submit -->
<button type="submit" name="miboton"><u>B</u>oton</button>

bandolera · #7 (**permalink**) 12/08/2010, 09:28

Cita:

Iniciado por Nemutagk

Para botones es sencillo...

Código HTML:

Ver original<--! Este es un boton sencillo -->
<input type="button" name="miboton" value="boton" />
 
<--! Este es un boton con un caracter subrayado -->
<button name="miboton"><u>B</u>oton</button>
 
<--! Este es un boton del tipo submit -->
<button type="submit" name="miboton"><u>B</u>oton</button>

Pero el button solamente funciona con el primer botón del formulario, los otros botones que tengo direccionan a otra página y no funciona con el button.

Nemutagk · #8 (**permalink**) 12/08/2010, 09:41

o_O El redireccionamiento funciona igual incluso con elementos diferentes (a, p, div), porque? sencillo porque estas utilizando el evento onclick y javascript con lo cual se puede disparar en casi cualquier elemento/tag html ¬¬, se me hace que ni si quiera lo intentaste

Ahora, si quieres que funcione con el accesskey no funcionará con lo que tienes, ya que para eso es necesario el uso del mouse

Te dejo el siguiente código...

Javascript...

Código Javascript:

Ver originalfunction teclas(event) {
    tecla=(document.all) ? event.keyCode : event.which;
    if (tecla==13 && event.altKey) {
        alert('holaaa');
    }
}

Html...

Código HTML:

Ver original<body onkeydown="teclas(event)">

Ahora, ves en el código javascript el numero "13"? ese es el código para la tecla "enter", tienes que agrear el código de las teclas que quieres que haga se active la función, por ejemplo, para la letra "A" es 65, etc... Al final se activaría presionando alt+enter