Como permitir a un innerHtml hacer uso de imagenes para producir eventos ? Hola a todos, Tengo un problemilla el cual me encontre hoy no es nada del otro mundo pero quisiera saber como poder resolverlo.
He aqui el codigo. Javascript
el problema se presenta cuando intento eliminar el campo de texto lo que ocurre es que si pongo solo la imagen. No me elimina el campo pero si le agrego el texto Eliminar al lado de la imagen si lo puedo eliminar. Por que ? no se muchas gracias por sus respuestas que tengan exelente dia y suerte y exitos.!!!
Deseo poder solo usar la imagen y descartar el texto
o.O--> a.innerHTML = 'Eliminar <img src="12_remove_item.gif" border=\"0\"
<script type="text/javascript">
var numero = 0;
// Funciones comunes
c = function (tag) { // Crea un elemento
return document.createElement(tag);
}
d = function (id) { // Retorna un elemento en base al id
return document.getElementById(id);
}
e = function (evt) { // Retorna el evento
return (!evt) ? event : evt;
}
f = function (evt) { // Retorna el objeto que genera el evento
return evt.srcElement ? evt.srcElement : evt.target;
}
addField = function () {
container = d('files');
span = c('SPAN');
span.className = 'file';
span.id = 'file' + (++numero);
field = c('INPUT');
field.name = 'opciones[]';
field.type = 'text';
a = c('A');
a.name = span.id;
a.href = '#';
a.onclick = removeField;
a.innerHTML = 'Eliminar <img src="12_remove_item.gif" border=\"0\" title=\"Eliminar" alt=\"Eliminar">';
span.appendChild(field);
span.appendChild(a);
container.appendChild(span);
}
removeField = function (evt) {
lnk = f(e(evt));
span = d(lnk.name);
span.parentNode.removeChild(span);
<!-- span.parentNode.child.removeChild(span); -->
}
</script>
