Activar vínculo presionando TECLA+CLIC

LeonPajuelo · #1 (**permalink**) 05/08/2010, 19:05

Hola a todos!

Tengo una consulta o pedido, quiero saber si es posible hacer que determinada imagen, o rincón de un html (si, html) enlace a página (dentro del mismo servidor) PERO, que el puntero no cambie a "mano" (ni permita hacer clic) a menos que se presione una tecla específica.

¿Alguno de uds. vio The Net (1995, Sandra Bullock)? Si la vieron recordarán que unas páginas tenía un símbolo en un lugar determinado de la pantalla, y presionando una tecla + clic recién se podía acceder al vínculo, si no solo era una imagen cualquiera.

¿Es posible hacer esto con javascript? ¿Alguien lo ha necesitado y por lo tanto, escrito como para que lo pueda compartir?

Lo que ocurre es que estoy desarrollando una web y quiero tener un acceso a webmail (googleapps) pero que esta solo pueda acceder las personas que sepan del "truco" y que no esté visible a cualquiera.

Espero se haya entendido.

Cualquier ayuda o sugerencia que me puedan dar les estaré agradecido.

Saludos desde Perú.

Leon

zerokilled · #2 (**permalink**) 05/08/2010, 20:23

la verdad, no se que buen sentido tendria hacer eso, pero bueno... se puede hacer. no es tan complejo, solo que tienes que considerar algunos detalles.

supongo que el enlace no podra ser funcional sin javascript, porque de lo contrario inhabilitando javascript se tiene acceso al enlace. por lo que si usas <A>, el atributo href debe quedar vacio. de todos modos puedes usar cualquier otro elemento.
para detectar la tecla tendras que usar los eventos onkeydown y onkeyup. onkeypress no funcionaria porque al intentar detectar la tecla devuelve valor 0. ambos eventos debes registrarlo en un objeto alto de la jerarquia: window o document. en estos eventos vas a modificar una variable booleana que funcionara como indicador (flag) de si la tecla presionada es la correcta o no.
en onkeydown vas a determinar si la tecla es correcta mediante la propiedad keyCode del objeto event. de ser correcto, asignas como valor true al flag. onkeyup restaura el flag a false.
en el elemento que funcione como enlace debes registrar el evento onclick y en este determinas el estado del flag. de acuerdo a su valor redireccionas el navegador a la URL.

ahora bien, queda claro que viendo el codigo fuente de javascript se puede determinar la ruta sin necesidad de realizar el "truco".

Triby · #3 (**permalink**) 06/08/2010, 08:19

En verdad habia un truco en esa pelicula?

Yo solo vi a Sandra Bullock

P.D. No creas todo lo que ves en las peliculas, porque hasta muestran como viajan los bits en los circuitos de las computadoras ( Hackers - 1995 - Angelina Jolie

).

Adler · #4 (**permalink**) 06/08/2010, 08:24

Cita:

Iniciado por Triby

En verdad habia un truco en esa pelicula?

Yo solo vi a Sandra Bullock

P.D. No creas todo lo que ves en las peliculas, porque hasta muestran como viajan los bits en los circuitos de las computadoras ( Hackers - 1995 - Angelina Jolie

).

No te has podido contener, ehhh?

zerokilled · #5 (**permalink**) 06/08/2010, 08:34

lo que me parece gracioso es que tuvo que poner un ejemplo de una pelicula, que de hecho, no la he visto.

jomaruro · #6 (**permalink**) 06/08/2010, 12:50

Hola:

Cita:

Iniciado por zerokilled

lo que me parece gracioso es que tuvo que poner un ejemplo de una pelicula, que de hecho, no la he visto.

No te has perdido nada, salvo las risas por lo exagerado de "la parte informática".

Saludos.

LeonPajuelo · #7 (**permalink**) 12/08/2010, 10:14

Casi muero de la risa con la respuesta de Triby.

Puse el ejemplo para que sea más sencillo de entender para quien si la haya visto.

zerokilled: Gracias, la verdad que no estoy seguro sobre si usar javascript pues como dices se puede deshabilitar en el navegador, o utilizar otra tecnología, quizás php, no se.

Bueno, si me puede servir, solo quiero que los mortales comunes y corrientes no le den click. Osea no gente con algunos conocimientos de html.

Gracias a todos, y también a Triby por la mofa, me he reído un buen rato.

Triby · #8 (**permalink**) 12/08/2010, 11:45

LeonPajuelo, no era mofa, sino broma... la primera es con intencion de molestar/incomodar/ridiculizar... la segunda (mi caso) solo es tratar de hacer reir.

Bueno, despues de la aclaracion, te cuento que se de una empresa que en todas sus webs ponen un "link oculto" para ingresar a la administracion; lo hacen mediante CSS, el enlace al mismo color del fondo de la pagina, aunque podrias optar por algo menos complicado, por ejemplo, si usas el simbolo de Copyright ( © ) en tus webs podrias:

Código HTML:

Ver original<div id="copyright">
    Todos los derechos reservados
    <span onclick="location.href='admin.html'>&copy;</span>
    Nombre de la emrpesa 2005-2010
</div>

Funcionaria solo si tienes Javascript habilitado y haces click sobre ©... ademas el cursor no cambia, con lo que solo viendo el codigo fuente podran encontrar el enlace, es decir, usuarios inexpertos no darian tan facilmente con el.

Listo... solo un ejemplo... esperemos que funcione.

SergeMedina · #9 (**permalink**) 12/08/2010, 15:01

O seria mas divertido con un Konami code, puedes ver un ejemplo

ciscoh4x0r · #10 (**permalink**) 12/08/2010, 15:28

Interesante tema, yo no tengo nada que aportar por mi lado...

Pero esta vaina me llamo la atencion... Si alguien sabe como, estare pendiente, lo de esconder el enlace con el mismo color de la pagina esta ben... Al igual que el simbolo de: "copyright" pero... Siempre hay un tonto con suerte no?, entonces seria mas interesante la tecla y el click... En cuanto pueda me pongo a averiguar y comento que encontre!