Insertar input's en Mozilla Firefox

[derkenuke]

He descubierto (y tú probablemente podrías haber leído el error en la consola de errores) que Firefox necesitaba argumentos en la línea de creación de la fila (insertRow()). Investigando llego a que el argumento que necesita es la posición en la que insertar la fila.

También he puesto los argumentos a insertCell(), y he invertido el orden de las celdas para siempre poner un 0 como argumento. Así se añaden de última a primera:

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> P&#225;gina nueva </title>
<meta name="Author" content="derkeNuke">
<style type="text/css">
</style>
</head>

<body>


<table id="miTabla" border="1">
<tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
    <td>d</td>
    <td>e</td>
</tr>
<tr>
    <td>f</td>
    <td>g</td>
    <td>h</td>
    <td>i</td>
    <td>j</td>
</tr>
</table>

<script type="text/javascript">

function CrearInput(tabla1){
    var tabla = document.getElementById(tabla1);
    var filas = tabla.rows.length;
    var objRow = tabla.insertRow(filas);
    var objCell;

    objCell = objRow.insertCell(0);
    objCell.innerHTML = "<input type='button' name='Submit' value='x' onclick='borrar(this);'/>";

    objCell = objRow.insertCell(0);
    objCell.innerHTML = '<input name="fecha[]" maxlength="10" type="text" id="fecha[]" size="10"/>';


    objCell = objRow.insertCell(0);
    objCell.innerHTML = '<input name="hora[]" maxlength="20" type="text" id="hora[]" size="10"/>';

    objCell = objRow.insertCell(0);
    objCell.innerHTML = '<input name="lugar[]" maxlength="50" type="text" id="lugar[]" size="40"/>';

    objCell = objRow.insertCell(0);
    objCell.innerHTML = '<input name="evento[]" maxlength="50" type="text" id="evento[]" size="45"/>';

}


function borrar(objeto){
    var nodo_del_row = objeto.parentNode.parentNode;

    var index_del_row = nodo_del_row.rowIndex;

    var nodo_de_tabla = nodo_del_row.parentNode;

    x=objeto.parentNode.parentNode.parentNode;
    x.deleteRow(index_del_row);
}


window.onload = function() {
    document.onclick = function() {  CrearInput("miTabla");  }
}

</script>


</body>
</html> 
  

Así me ha funcionado tanto en IE como en FF.



Un saludo.