Buenas a todos, porfavor sepan disulparme por la forma tosca de preguntar: acabo de registrarme y aun no entiendo todo aqui.
El caso es que tengo una funcion de Javascript donde lo que ingreso en unos Arryas, aparece luego en diferentes celdas dentro de nuevas filas que aparecen en una tabla al hacer clik en un boton.
El problema es que cada vez que hago click se vuelven a repetir todos los datos de la tablas en nuevas filas que aparecen.
Yo quisiera, mas bien necesito, que aparescan de a una: asi luego cada vez que yo ingrese datos, estos aparescan en la tabla de a uno.
Alguien me puede decir que debo modificar para lograrlo?
El codigo es el siguiente:
<html>
<script language="javascript">
//unos arrays con unos datos ya ingresados
var nombres = new Array("a", "b", "c", "m", "s", "j");
var apellidos = new Array("perez", "fernandez", "lopez", "disney", "McCartney", "forlan");
var marcas = new Array(8,18,9,5,6,4)
function agregaFila(tableId){
var table = document.getElementById(tableId);
for(var i=0; i<nombres.length-i;i++){
var pos = table.rows.length;
var row = table.insertRow(pos);
var cell_0 = row.insertCell(0);
var cell_1 = row.insertCell(1);
var cell_2 = row.insertCell(2);
cell_0.style.border='solid 3px blue';
cell_0.innerHTML=nombres[i];
cell_1.style.border='solid 3px blue';
cell_1.innerHTML=apellidos[i];
cell_2.style.border='solid 3px blue';
cell_2.innerHTML=marcas[i];
}
}
</script>
//botón:
<P align="left"><button type="button" style="border: 0px" class="BTN_TRANS" , name="principal" id="aceptar" onClick="principal(); agregaFila('mitabla')" " "></button></p>
//tabla donde aparecen los datos:
<table id="mitabla">
<tr>
<td style="border: solid 4px blue;">Nombres</td>
<td style="border: solid 4px blue;">Apellidos</td>
<td style="border: solid 4px blue;">Marcas</td>
</tr>
</table>
</html>
Desde ya muchas gracias a cualquier ayuda, estoy medio corto de tiempo y esta funcion ya me tiene estresado. xD