Cita:
Iniciado por yebras, en PM Porcierto, me quedó una duda sobre el "for" que creaste, creo que a parte de sumar fila tambien suma numero detras del nombre de cada etiqueta y de cada "input type" para que cada uno sea diferente.
Esto es importante porque en un futuro se comunicara con un php que los introducira en una tabla y estaria bueno que cada fila se llamase diferente.
Cita:
Iniciado por yebras He estado mirando el codigo y en teoria sumaria tambien un numero tanto a las etiquetas como a los " input type" pero cuando genera nueva fila salen todas con el mismo nombre....
Alguna sugerencia?
Cada fila (Fecha, Importe, TPV) tiene un nombre de variable (atributo 'name') diferente. Para probarlo usa este código PHP.
Código PHP:
<?php
/*
CON ESTE isset SE COMPRUEBA QUE YA SE REALIZÓ EL submit DEL
FORMULARIO
*/
if (isset($_POST["fecha1"]))
{
$r=8; //Numero máximo de filas
?>
<html>
<head>
<title>Offline database</title>
</head>
<body>
<h1>Datos ingresados</h1>
<fieldset>
<LEGEND style="font-family: verdana; font-size:10pt; color:#ff0044">Cobros</LEGEND>
<table style="border: 1px solid #828282;" width="100%">
<tr>
<th style="background-color: black; color: white; padding: 4px 12px;">Fecha</th>
<th style="background-color: black; color: white; padding: 4px 12px;">Importe</th>
<th style="background-color: black; color: white; padding: 4px 12px;">Cod. aut. TPV</td>
</tr>
<?php
/*
ESTE for ES PARA MOSTRAR LOS DATOS INGRESADOS
*/
for ($i=1; $i<=$r; $i++)
{
/*
CON ESTE isset COMPRUEBAS QUE EXISTA LA FILA, AL COMPROBAR
QUE EXISTA EL CAMPO fechaX CORRESPONDIENTE (1 <= X <= 8)
*/
if (isset($_POST["fecha".$i]))
{
?>
<tr>
<td><?=$_POST["fecha".$i]?></td>
<td><?=$_POST["importe".$i]?></td>
<td><?=$_POST["tpv".$i]?></td>
</tr>
<?php
}
else //SINO EXISTE SALES DEL for
break;
}
?>
</table>
</fieldset>
</body>
</html>
<?php
}
else
{
/*
ESTE CÓDIGO HTML ES EL DE MI POST PREVIO.
*/
?>
<html>
<head>
<title>Offline database</title>
</head>
<style>
.campo {border-width:1px; border-style: solid; border-color:#828282; font-family:verdana; font-size:8pt}
.etiqueta {font-family: verdana; font-size:9pt}
.campo_numerico{border-width:1px; border-style: solid; border-color:#828282; font-family:verdana; font-size:8pt; text-align:right}
</style>
<script>
var r=8; //Máximo de filas.
function addRow()
{
var o=document.getElementById("cobros");
var t="<table width=\"100%\" border=\"0\">";
for (var i=1; i<=r; i++)
{
if (document.formulario["fecha"+i]==undefined)
{
t+="<tr>";
t+="<td class=\"etiqueta\">Fecha:</td>";
t+="<td><input type=text name=\"fecha"+i+"\" class=\"campo\" size=\"12\"></td>";
t+="<td class=\"etiqueta\">Importe:</td>";
t+="<td><input type=text name=\"importe"+i+"\" class=\"campo\"></td>";
t+="<td class=\"etiqueta\">Cod. aut. TPV:</td>";
t+="<td><input type=text name=\"tpv"+i+"\" class=\"campo\"></td>";
t+=i==r?"":"<td><input type=\"button\" onclick=\"addRow()\" value=\"+\"></td>";
t+="</tr>";
break;
}
else
{
t+="<tr>";
t+="<td class=\"etiqueta\">Fecha:</td>";
t+="<td><input type=text name=\"fecha"+i+"\" value=\""+document.formulario["fecha"+i].value+"\" class=\"campo\" size=\"12\"></td>";
t+="<td class=\"etiqueta\">Importe:</td>";
t+="<td><input type=text name=\"importe"+i+"\" value=\""+document.formulario["importe"+i].value+"\" class=\"campo\"></td>";
t+="<td class=\"etiqueta\">Cod. aut. TPV:</td>";
t+="<td><input type=text name=\"tpv"+i+"\" value=\""+document.formulario["tpv"+i].value+"\" class=\"campo\"></td>";
t+="</tr>";
}
}
t+="</table>";
o.innerHTML=t;
}
</script>
<body style="background-color:#f7f7f7;">
<table align="center">
<tr><td>
<form name="formulario" action="yebras.php" method="post">
<!-- espacio -->
<table><tr><br></tr></table>
<!-- Cobros -->
<fieldset style="width: 800;">
<LEGEND style="font-family: verdana; font-size:10pt; color:#ff0044">Cobros</LEGEND>
<div id="cobros">
<table width="100%" border="0">
<tr>
<td class="etiqueta">Fecha:</td>
<td><input type=text name="fecha1" class="campo" size="12"></td>
<td class="etiqueta">Importe:</td>
<td><input type=text name="importe1" class="campo"></td>
<td class="etiqueta">Cod. aut. TPV:</td>
<td><input type=text name="tpv1" class="campo"></td>
<td><input type="button" onclick="addRow()" value="+"></td>
</tr>
</table>
</div>
</fieldset>
<input type="submit">
</form>
</body>
</html>
<?php
}
?>
Anotación. Los nombres de las variables para
Fecha van de
fecha1 ...
fecha8, para
Importe de
importe1 ...
importe8, para
TPV de
tpv1 ...
tpv8
Saludos,
HA
