Asociar botones a teclas (tipo calculadora)

[Aikanáro Anário]

Bueno, en realidad no son botones, tengo por ejemplo el siguiente elemento:

Código (javascript) [Seleccionar] Expandir

<img src='imgcontrol/botones/boton3.png' width='48' height='37' name='b3' id='n3' onClick='escribir(3)'/>

Quiero que cuando presiono cada tecla se active el botón correspondiente. En este caso sería que al presionar la tecla 3, sea lo mismo que pulsar sobre el botón 3 y que llame a la función escribir()

Anteriormente sí lo tenía como un botón:

Código (javascript) [Seleccionar] Expandir

<input type='button' name='b3' id='n3' value=' 3 ' onClick='escribir(3)'/>

Pero quería ponerle una imagen al botón, así que lo puse así:

Código (javascript) [Seleccionar] Expandir

<input type='image' src='imgcontrol/botones/boton3.png' name='b3' id='n3' onClick='escribir(3)' />

Pero en vez de llamar a la función escribir lo que hacía era que buscaba el atributo action de la etiqueta form e iba a esa dirección, como no lo tengo montado en un servidor, action tenía el valor '#' y entonces no hacía nada.

[Shell Root]

jajaja WTF? No entiendo NADA!!!!

[Nakp]

tendrás que aprender sobre eventos de teclas... un tester para que sepas cual es cual
http://unixpapa.com/js/testkey.html

[Aikanáro Anário]

¿Cuáles eventos específicos? Quiero aprender javascript, todavía no sé mucho o casi nada porque en el instituto lo vemos más como lenguaje de programación que como lenguaje de desarrollo web, ¿me explico? o sea no vemos javascript para crear páginas, sino para hacer programas que normalmente serían de escritorio...

El caso es que tengo que hacer un proyecto, realmente ya lo tengo hecho, esto de los botones es solo una funcionalidad extra que me gustaría añadirle y tengo que entregarlo el viernes, así que no tengo tanto tiempo para leer un manual ahora mismo. Así que me ayudarías mucho si me dices qué tengo que aprender específicamente

[Nakp]

te bastaría con ver el código fuente y tomar la opción keypress/onkeypress, ya que sabes programar entenderás la lógica de como funciona el link que te he dejado

ojo con las funciones init, keyval, keymesg y keypress

[Aikanáro Anário]

Bueno, lo entregaré sin eso. Lo haré para mi conocimiento después.

Pero ahora se me ha ocurrido otra cosa.

Tengo un control que al presionar un canal y darle a otro botón te manda a la página de ese canal. Lo hice con los botones <input  type='button'.../>

Pero quiero ahora hacerlo con un mapa de imágenes, bueno, ya lo hice, pero quiero que cuando ponga el mouse arriba del botón 1 por ejemplo presente otra imagen (que es la misma, pero con más brillo).

Sé que se hace con la función onmouseover. Lo tengo así:

Código (javascript) [Seleccionar] Expandir

<area id='n1' shape='rect' coords='30,243,72,276' onClick='escribir(1)' href='#' <center> <img src="imgcontrol/megaweb.png" onmouseover="this.src='imgcontrol/i1.png';" onmouseout="this.src='imgcontrol/megaweb.png';"/> </center> >
              </area>

Pero el problema es que la otra imagen se presenta desde que pongo el mouse arriba de cualquier parte de la imagen (del control). Pero yo quiero que se presente solamente cuando ponga el mouse arriba del <area> que he definido. ¿Me doy a entender? No sé si sea posible...