2011-09-15 17 views
13

I asked some usability experts sobre un rotating cube form hice. Señalaron correctamente que cuando la cara del cubo con los cuadros de texto no está visible, no registran ninguna entrada.Registro de entrada desde el formulario invisible

Eso significa que cuando el cubo gira y el usuario todavía está tipeando, solo registra lo que el usuario escribió mientras todavía estaba visible. Esto es claramente algo que necesito solucionar.

Una cara de un cubo se oculta dinámicamente con la regla css display: none, y luego se muestra de nuevo con display: block.

¿Es posible hacer una entrada de registro de cuadro de texto cuando está dentro de un div que tiene display: none? ¿Debo ocultarlo de alguna otra manera para que registre la entrada?

Respuesta

7

Puede usar algo como position: absolute; left: -2000px para ocultarlo fuera de la pantalla pero aún así poder aceptar entradas. Esto tiene la ventaja adicional de que el elemento sigue "ahí": alguien puede ingresar, los lectores de pantalla aún pueden decir que está allí, en lugar de simplemente "Se fue".

+0

parece un poco hacky (Me gusta), pero debería funcionar!. –

+1

Se sorprendería de la frecuencia con la que un elemento está fuera de la pantalla, en lugar de 'display: none'd. En realidad es una solución mucho mejor en la práctica para algo como esto, aunque parezca un poco al revés. – Joe

+0

¡Funciona, gracias! –

8

opacity: 0.1; es su amigo;)

Cuestiones relacionadas