[SOLUCIONADO] obtener la ruta de una imagen

[xonil]

La pregunta es sencilla, lo que quiero es eso precisamente, obtener la ruta de una imagen. Ahora bien, lo necesito dinámicamente, es decir, yo no sé que imagen es la elegida para que me entregue su valor src.

Vamos al código, digo lio.

Os pongo el código y lo que quiero que me haga, pero que no me hace.

Código Javascript:

function mueve_ficha(origen, destino)
{
    //...
    var cadena_src=origen+"i";
 
    
    //obtenemos la dirección de la imagen origen
    var src = document.getElementById(cadena_src).src;
 
    alert (src);
 

falta el resto de la función que no he copiado, y el alert es para que me diga esa dirección y ver que está funcionando, de hecho, si le pongo un alert para ver lo que me vale cadena_src, me lo muestra perfectamente, pero ya no me muestra el otro alert. Por lo tanto no sé si es válido lo que estoy haciendo.

Como es de suponer, existe una serie de imágenes ubicadas en div´s, estos div´s tienen los id´s desde a1 hasta a8, desde b1 hasta b8, así hasta h8. Luego cada div contiene una etiqueta img con un id igual al div pero añadiendole una i, es decir, a1i, a2i, etc, de ahí lo que se ve en el código. No sé si se puede lo que estoy haciendo, o si hay un camino mejor.

Lo que quiero implementar es que al pulsar en una imagen primero, y luego en otra, me cambien las dos imagenes, y no tienen porque ser la misma imagen (un juego de ajedrez).

Saludos y gracias de antemano.

[mackiechan]

http://jsfiddle.net/5co6Lwcp/

Con Jquery

[Alexis88]

Sin jQuery:

Código Javascript:

document.addEventListener("click", function(event){
    if (event.target.className == "clase") alert(event.target.src);
}, false);
 

No es necesario cargar toda una librería para hacer algo tan sencillo.

P.D.: El consejo de usar una clase para todas las imágenes es correcto.

Saludos

[xonil]

Gracias, por vuestras respuestas.