Hola axelb, te paso el código.
HTML
Código HTML:
Ver original<form id="formestrucfile" name="formestrucfile" action="" method="post"> <input type="hidden" name="crearestructfile" value="si" /> <input type="hidden" name="id" value="<?php print $_GET["id"]; ?>" />
<input type="hidden" id="colfija" value="<?php print $colfija; ?>" />
<input type="hidden" id="estructura" value="<?php print $estructura ?>" />
<input type="hidden" id="cargafecha" value="<?php print $cargafecha; ?>" />
<input type="hidden" id="cargalogal" value="<?php print $cargalocal; ?>" />
<input type="hidden" id="noreportalocal" value="<?php print $noreportalocal; ?>" />
<table id="tabla" class="table"> <tr style="font-size: 12px;"> <th style="background-color: #ddd;">Nro Col
<img style="cursor:pointer;" title="Agregar columna" id="plus" src="<?php print Conectar::Url(); ?>img/icon/b_plus.png" />
<img style="cursor:pointer;" title="Quitar columna" id="minus" src="<?php print Conectar::Url(); ?>img/icon/b_minus.png" />
<th>Factor de ajuste
</th> <th>Separador decimal
</th> <?php for($i=1; $i < 5; $i++) { ?>
<td class="id" style="background-color: #ddd;" >Col
<?php print $i; ?></td> <input class="header" type='text' id="header" name="header[]" style="text-transform: uppercase;" /> <select id="<?php print $i; ?>" name="tipodato[]" class="tipodato" style="height: 25px;" onchange="ChangeCombo();">
<?php $e->ComboTipoDatos(); ?>
<input type='text' id="factor" name="factor[]" size="4" class="desabilitar" /> <select id="separador" name="separador[]" style="height: 25px;" class="desabilitar"> <input type='text' id="cortedec" name="cortedec[]" size="4" class="desabilitarcorte" /> <input type='text' id="longitud" name="longitud[]" size="4" class="desabilitarlonfija" /> <?php } ?>
<p class="clear"><button id="btncrearestructura" style="cursor: pointer;"><img alt="" src="<?php echo Conectar::Url(); ?>img/icon/b_save.png" /> Crear estructura de archivo
</button></p>
JQUERY
Código Javascript
:
Ver original$(document).ready(function(){
$("#plus").click(function() {
// Obtenemos el total de las columnas
//var tds=$("#tabla td").length;
// Obtenemos el total de las filas
var trs=$("#tabla tr").length - 1;
if(trs <= 24) {
// clonacion de filas en la tabla
$("#tabla tbody tr:eq("+trs+")").clone().appendTo("#tabla tbody").find('.desabilitar').attr('disabled','disabled');
var trs=$("#tabla tr").length - 1;
$("#tabla .id:last").html('Col '+ trs);
$("#tabla .header:last").val('');
$('#tabla .desabilitarlonfija:last').val('');
}else {
alert("No puede agregar mas de 25 filas.");
}
});
/**
* Funcion para eliminar la ultima columna de la tabla.
* Si unicamente queda una columna, esta no sera eliminada
*/
$("#minus").click(function(){
// Obtenemos el total de columnas (tr) del id "tabla"
var trs = $("#tabla tr").length;
// Debe quedar como minimo la fila header table mas una fila
if(trs > 2)
{
// Eliminamos la ultima columna
$("#tabla tr:last").remove();
}else {
alert("Debe contener por lo menos 1 fila.");
}
});
});
Espero te sirva.
Saludos.