agrandar tabla segun vayas agregando registros

[Papito18]

buen dia amigos, quisiera me ayudaran en como puedo hacer para incrementar el numero de filas de una tabla segun el usuario vaya agregando mas registros a la misma..

puede ser al dar click n el boton agregar o al dar enter...



su´pongamos que tengo esto:
https://www.dropbox.com/s/ize6exw2m1...89%29.png?dl=0

[xfxstudios]

yo utilice este script:

Código Javascript:

<![CDATA[ 
 
var posicionCampo = 1; 
 
 
function agregarUsuario() { 
 
    nuevaFila = document.getElementById("tablatracking").insertRow(-1); 
 
    nuevaFila.id = posicionCampo; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML = "<td><input type='text' size='20' name='empresa[" + posicionCampo + "]' value='' placeholder=' Ej. UPS, FedEx, Lasership...' tooltipText='Ej. FedEx, UPS, Lasership, etc' required></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML = "<td><input type='text' size='20' name='tracking[" + posicionCampo + "]' value='' placeholder=' Tracking' tooltipText='Número de Tracking' required></td>";
 
    nuevaCelda = nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML = "<td><input type='button' id='eliminar' value='Eliminar' onclick='eliminarUsuario(this)'></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
 
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='email[" + posicionCampo + "]' value='<?php echo $row_datos['email'] ?>'></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='15' name='nombre[" + posicionCampo + "]' value='<?php echo $row_datos['nombre'] ?>'/></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='cedula[" + posicionCampo + "]' value='<?php echo $row_datos['cedula'] ?>'/></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='estatus[" + posicionCampo + "]' value='En Transito'/></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='lugar[" + posicionCampo + "]' value='No_entregado'/></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='fecha_registro[" + posicionCampo + "]' value='<?php echo date('Y-m-d'); ?>'/></td>"; 
 
    nuevaCelda = nuevaFila.insertCell(-1); 
    
    nuevaCelda.innerHTML = "<td><input type='hidden' size='1' name='fecha_estatus[" + posicionCampo + "]' value='<?php echo date('Y-m-d '); ?>'/></td>"; 
 
    posicionCampo++; 
 
} 
 
 
function eliminarUsuario(obj) { 
 
    var oTr = obj; 
 
    while(oTr.nodeName.toLowerCase() != 'tr') { 
 
        oTr=oTr.parentNode; 
 
    } 
 
    var root = oTr.parentNode; 
 
    root.removeChild(oTr); 
 
}
 

el cual me genera una fila nueva presionando un boton y de igual manera me permite eliminar las filas con otro boton, y este es mi formulario:

Código HTML:

<form action="exito_alerta.php" method="post" enctype="multipart/form-data"><table id="tablatracking"> 
        <tbody> 
         <tr> 
                <td align="left"><input onclick="agregarUsuario()" type="button" value="Agregar Registro" id="boton_agregar"></td> 
            </tr>
            <tr> 
                <td width="228" id="titulo">Empresa<br>
                                            Ej. UPS, FedEx, etc.</td>
                <td width="290" id="titulo">Codigo<br>
                                            Tracking</td>
                <td width="33" ></td> 
                <td width="24" ></td> 
                <td width="24" ></td> 
                <td width="74" ></td>
                <td width="74" ></td>
                <td width="74" ></td>
                <td width="75"></td>
            </tr> 
        </tbody> 
    </table>
 

con la tabla que se va a repetir, a mi me funciona perfecto

[Papito18]

amigo, lo pruebo y te cuento que pasa si...

[Papito18]

regreso, editando mi respuesta.... amigo, esta excelente tu script

ahora me pregunto de que forma recorrerias todas esas fijas generadas si quisieras mandarlas a guardar a una base de datos...

[xfxstudios]

lo lo hice de esta manera:

Código PHP:

$nombre = array();
$cedula = array();
$email = array();
$empresa = array();
$tracking = array();
$estatus = array();
$lugar = array();
$fecha_registro = array();
$fecha_estatus = array();
 
foreach($_POST['nombre'] as $key=>$value)
    $nombre[]= $value;
 
foreach($_POST['cedula'] as $key=>$value)
    $cedula[]= $value;
 
foreach($_POST['email'] as $key=>$value)
    $email[]= $value;
    
foreach($_POST['empresa'] as $key=>$value)
    $empresa[]= $value;
 
foreach($_POST['tracking'] as $key=>$value)
    $tracking[]= $value;
 
foreach($_POST['estatus'] as $key=>$value)
    $estatus[]= $value;
 
foreach($_POST['lugar'] as $key=>$value)
    $lugar[]= $value;
 
foreach($_POST['fecha_registro'] as $key=>$value)
    $fecha_registro[]= $value;
 
foreach($_POST['fecha_estatus'] as $key=>$value)
    $fecha_estatus[]= $value;
 
$conexion= mysql_connect($hostname_envios, $username_envios, $password_envios);
mysql_select_db($database_envios, $conexion);
 
for($i=0; $i<count($nombre); $i++) 
{
   mysql_query("INSERT INTO tracking (Nombre, cedula, email, empresa, tracking, estatus, lugar, fecha_registro, fecha_estatus) VALUES('$nombre[$i]' , '$cedula[$i]' , '$email[$i]' , '$empresa[$i]' , '$tracking[$i]' , '$estatus[$i]' , '$lugar[$i]' , '$fecha_registro[$i]', '$fecha_estatus[$i]')",$conexion)or die(mysql_error());
}
 

como ver alli, recibi las variables, las pase a array, luego las recorri y las guarde en la base, adaptalo que funciona al pelo, saludos

[Papito18]

y en que momento se van a guardar los registros en el array()

hasta que haga post(hasta que refresque la pagina ) ?

explicame brevemente ela linea de uno de los foreach por favor

esto no lo entiendo " $key=>$value "

[xfxstudios]

cuando envias el formulario este la recibe en las variables y transforma esos valores en un array, el value es el valor que viene del array por cada elemento es decir nombre: carlos, juan, marcelo, etc, luego es asignado a nombre[] el cual es insertado en la base una fila por valor.

funciona perfecto brother asegurado

[xfxstudios]

es decir, cuando envies tu formulario, este codigo lo recibe, procesa y te da la respuesta que configures de manera inmediata, yo lo tengo para que cuando ingrese los datos a la base de datos, le notifique al cliente y a mi del nuevo pedido via email

[Papito18]

Iniciado por xfxstudios

es decir, cuando envies tu formulario, este codigo lo recibe, procesa y te da la respuesta que configures de manera inmediata, yo lo tengo para que cuando ingrese los datos a la base de datos, le notifique al cliente y a mi del nuevo pedido via email

lo que no comprendo es cuando dices esto as $key=>$value
que dices con "as" y porfa explicame que hace =>

que haces con esto:<![CDATA[