Hola a todos.
En mi pagina tengo dos listas/menu con seleccion multiple. Con dos botones(añadir y quitar) paso los datos de una lista a otra.
<input type="button" name="b1" value="añadir" onClick="A(this.form);">
<input type="button" name="b2" value="añadir" onClick="B(this.form);">
Todo con botones me funciona bien.
Lo que quiero es en vez de poner dos botones, poner dos imagenes
<a href="#"><img src="foto.gif" onClick="A(this.form);"></a>
el problema es que me da un error de que "a" es nulo o no es un objeto.
a es el nombre de una lista y b el nombre de la otra
codigo de la funcion:
function A(f)
{
var nopc;
var l=f.a.options;
var p=f.b.options;
for(var q=0;q<l.length;q++)
{
if(l[q].selected)
{
enc=false;
for(var w=0;w<p.length;w++)
{
if(p[w].value==l[q].value)
{
enc=true;
break;
}
}
if (!enc)
{
nopc=document.createElement('option');
nopc.text=l[q].text;
nopc.value=l[q].value;
f.b.add(nopc);
}
}
}
}
Sabeis que debo poner en la imagen para que actue igual que el boton?
Gracias y un saludo.
