Buenos dias gente. Me dirijo a ustedes para saber si me pueden ayudar en algo.
Tengo un formulario HTML que lo cargo con datos extraidos de una base de datos en MySQL. Una vez cargados los envio con el mismo formulario por Ajax para actualizar los datos.
El formulario esta dentro de un DIV que se llama MUESTRA.
Necesito que una vez que actualice los datos, mediante un boton pueda imprimir ese mismo formulario pero con las ultimas modificaciones.
He intentado con este codigo pero solo me imprime el formulario que me devuelve la consulta y no lo que modifique.
<div id="muestra">
<div class="row">
<div class="col-lg-14">
<section class="panel">
<div class="panel-body">
<form method="post" id="docFrontera" autocomplete="off" enctype="multipart/form-data">
<table width="100%" border="0" class="table table-bordered" style="font-size: 13px; border-radius: 10 10 10 10">
<tbody>
<tr>
<td width="9%">Despacho</td>
<td width="34%">Cliente</td>
<td width="38%">Chofer</td>
<td width="19%">Placa</td>
</tr>
<tr>
<td><input type="text" class="form-control" value="<? echo $row['num_despacho']; ?>" style="text-align:center;" readonly name="num_despacho" size="5">
<input type="text" class="form-control" value="<? echo $row['id_despacho']; ?>" name="id_despacho" style="display:none;">
</td>
<td>
<input type="text" class="form-control" value="<? echo $row['cliente']; ?>" style="text-align:center;" readonly name="cliente" size="50">
</td>
<td>
<input type="text" class="form-control" value="<? echo $row['chofer']; ?>" style="text-align:center;" name="chofer" id="chofer" size="30">
</td>
<td>
<input type="text" class="form-control" value="<? echo $row['placa']; ?>" style="text-align:center;" name="placa" id="placa" size="7">
</td>
</tr>
</tbody>
</table>
<table width="100%" class="table table-bordered" style="font-size: 13px;">
<tbody>
<tr>
<td colspan="2" style="text-align:center; font-size: 18px; font-weight:600;">
<i class="icon-print"></i>
Detalle de documentos recepcionados
</td>
</tr>
<tr>
<td width="76%"><i class="icon-paste"></i> Parte de Recepcion</td>
<td width="24%" style="padding-left: 35px;">
<?
if($row['parte_recepcion'] == '0') {
?>
<input name="parte_recepcion" id="parte_recepcion" type="checkbox" value="1">
<?
}
?>
<?
if($row['parte_recepcion'] == '1') {
?>
<input name="parte_recepcion" id="parte_recepcion" type="checkbox" value="1" checked>
<?
}
?>
<span class="label label-inverse">Original</span>
</td>
</tr>
<tr>
<td colspan="2"><i class="icon-paste"></i> Observaciones
<input type="text" name="observaciones" value="<? echo $row['observaciones']; ?>" class="form-control" size="100">
</td>
</tr>
</tbody>
</table>
<div id="noprint">
<table width="30%" border="0" align="center">
<tbody>
<tr>
<td width="54%" align="center">
<div id="btnImprime">
<button type="submit" class="btn btn-success" id="envia">
<i class="icon-save"></i> Guardar</button>
</div>
</td>
<td width="46%" align="center">
<button type="button" class="btn btn-danger" data-dismiss="modal" id="cierra"><i class="icon-remove-sign"></i> Cerrar</button>
</td>
<td>
<a href="javascript:void(0)" id="imprime" onclick"javascript:imprSelec()">Imprime</a>
</td>
</tr>
</tbody>
</table>
</div></form></div>
</section>
</div>
</div>
</div>
<script type="text/javascript">
function imprSelec(muestra)
{
var ficha=document.getElementById(muestra);
var ventimp=window.open(' ','popimpr');
ventimp.document.write(ficha.innerHTML);
ventimp.document.close();
ventimp.print();
ventimp.close();
}
</script>
Espero su pronta ayuda
