Estoy agregando filas en una tabla, anda todo bien con el siguiente método:
Cita:
En la última columna quería agregar una imagen que sea un X y pincharla para llamar a un borrado de fila. Pero no se como hacer para insertar una imagen con link.<script>
function anyadefila(){
obj=document.getElementById('tablatemp');
var x=obj.insertRow(0);
var y=x.insertCell(0);
y.innerHTML="Valor2"
var y=x.insertCell(1);
elTd=document.createElement('td');
elem=document.createElement('input');
elem.type='text';
elem.name='Valor2';
elTd.appendChild(elem);
y.appendChild(elTd);
//boton borrar
var y=x.insertCell(2);
elTd=document.createElement('td');
elem=document.createElement('input');
elem.type='button';
elem.name='borrar';
elem.value="borrar";
elTd.appendChild(elem);
y.appendChild(elTd);
var x=obj.insertRow(0);
var y=x.insertCell(0);
y.innerHTML="Valor1"
var y=x.insertCell(1);
elTd=document.createElement('td');
elem=document.createElement('input');
elem.type='text';
elem.name='Valor1';
elTd.appendChild(elem);
y.appendChild(elTd);
var y=x.insertCell(2);
</script>
}
function anyadefila(){
obj=document.getElementById('tablatemp');
var x=obj.insertRow(0);
var y=x.insertCell(0);
y.innerHTML="Valor2"
var y=x.insertCell(1);
elTd=document.createElement('td');
elem=document.createElement('input');
elem.type='text';
elem.name='Valor2';
elTd.appendChild(elem);
y.appendChild(elTd);
//boton borrar
var y=x.insertCell(2);
elTd=document.createElement('td');
elem=document.createElement('input');
elem.type='button';
elem.name='borrar';
elem.value="borrar";
elTd.appendChild(elem);
y.appendChild(elTd);
var x=obj.insertRow(0);
var y=x.insertCell(0);
y.innerHTML="Valor1"
var y=x.insertCell(1);
elTd=document.createElement('td');
elem=document.createElement('input');
elem.type='text';
elem.name='Valor1';
elTd.appendChild(elem);
y.appendChild(elTd);
var y=x.insertCell(2);
</script>
}
Estoy insertando una imagen con el siguiente método.
celda = document.createElement('td');
fila.appendChild(celda);
oImg=document.createElement('img');
oImg.setAttribute('src', 'images/del.gif');
oImg.setAttribute('alt', 'Borrar Renglón');
oImg.setAttribute('height', '16px');
oImg.setAttribute('width', '16px');
oImg.setAttribute('align', 'center');
oImg.setAttribute('border', '0');
celda.appendChild(oImg);
Lo que quiero hacer es lo siguiente:
<a href="javascript:borrar(this);" target="_self"><img src="images/del.gif" border=0> </a>
alguien me puede dar una pista?
Desde ya muchas gracias compañeros