Foros del Web - Ver Mensaje Individual

dconsolidado · #2 (**permalink**) 10/08/2012, 09:51

Código HTML:

Ver originalEl resto del codigo.
 
Pagina HTML
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <c:set var="ctx" value="${pageContext.request.contextPath}" scope="request" />
        <script type="text/javascript" src="${ctx}/js/utiles.js"></script>
        <script type="text/javascript" src="${ctx}/js/recepcion/carga.js"></script>
        <!--script type="text/javascript" src="${ctx}/js/jquery.form.js"></script-->
        <link   type="text/css" href="${ctx}/css/cssfirmatablas.css" rel="stylesheet" />
        <style type="text/css">
            @import "${ctx}/css/cssverfirmas.css";
            @import "${ctx}/css/cssfirmacuadro.css";
            @import "${ctx}/css/cssfirmatablas.css";
        </style>
    </head>
    <body>
    <div>
        <div class="Postbox_new SizeNormal_new BoxStatus3_new">
            <div class="PostHeader_new HeaderStatus3M_new" style="padding-left: 9px;">
                <div class="PostDate3_new" style="padding-top: 0px; float: left;">
                    <img alt="nuevo"  src="${ctx}/images/icon_guardar.png" style=" background-color: #FFFFFF; background-repeat: no-repeat; border: 1px solid #0D4D68;" />
               </div>
               <div class="PostAuthor_new" style="padding-left: 50px; padding-top: 11px; text-transform: uppercase;">Verificaci&oacute;n del Medio Magn&eacute;tico y carga de registros a la base de datos</div>
                <div class="clear_new"></div>
            </div>
 
            <div class="rowcontent" style="height: 90px; margin-bottom: 0px;" id="rowcontentarchivo">
                <div class="contenedor" style="margin-left: 25px; margin-top: 20px;">
                    <label for="dnirepree">Verificador del archivo <b>LIS_ADE.DBF</b>
                        <span class="smallfont_arcver">Seleccione ubicaci&oacute;n del archivo</span>
                    </label>
                    <form id="frmDatos" method="POST" enctype='multipart/form-data' action="" onsubmit="return checkSubmit();">
                        <input id="fileName_car" class="txtFile" type="file" size=50 name="fileName_car" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="button" id="cmdVerificar_car" class="btn primary large_arcver" value="Verificar archivo" />
                    </form>
                </div>
            </div>
            <div class="rowcontent selector" id="resultadoVerificacion">
                <div id="resultados" class="scriptDemoTabla" style="width:94%; padding-left: 24px;"></div>
            </div>
 
            <div class="PostFooter_new SizeSmall_new FooterStatus3_new">
                <button id="cmdNewVerify_car"  class="btn primary large" style="width: 165px;" onclick ="nuevaverificacion_carga();">Nueva verificaci&oacute;n</button>&nbsp;&nbsp;&nbsp;
                <button id="cmdSendRecord_car" class="btn primary large" style="width: 185px;" onclick ="fu_VentanaCarga();">Registrar archivo</button>&nbsp;&nbsp;&nbsp;
                <button id="cmdRegresar_car"   class="btn primary large" onclick="javascript:location.reload(true)">Cerrar</button>
            </div>
        </div>
    </div>  
    <script type="text/javascript">
    $(document).ready(function () {
        $('#fileName_car').remove();
        var form=$('#frmDatos');
    var innerInputFile=$('<input id="fileName_car" class="txtFile" type="file" size=50 name="fileName_car" style="display:inline; float:left;" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
            form.append(innerInputFile);
            //procesa(true);
    });
    </script>
    </body>
</html>
 
Funcion que trae los datos procesados en XML
function showResponse(responseXML, statusXML, xhr, $form)  {
    var estado = false;
    var html="";
    var i=0;
    $('#objFilasEncontradas tr').remove();
    $('#tblResultados tbody').remove();
    $('#resultados').html('');
    $(responseXML).find('registrosencontrados').each(function(){
        var coError = $(this).find('co_error').text();
        var coRuta  = $(this).find('obj_path_file').text();
        var coCont  = $(this).find('obj_cont_ent').text();
        var coSize  = $(this).find('obj_size_file').text();
        var caRecor = $(this).find('obj_cant_regis').text();
        var codKey  = $(this).find('obj_key_file').text();
        if (coError == "EST_REG_OK"){
            html += ('<table id="tblResultados" class="table" align="center" style="font-size: 12px;">');
            html += ('<thead>');
            html += ('<tr class="codeHd" style="border-bottom: 1px solid #CECECE";>');
            html += ('<th colspan="7" style="padding: 5px 11px;">Resultado de la Verificaci&oacute;n del Medio Magn&eacute;tico</th>');
            html += ('</tr>');
            html += ('<tr>');
            html += ('<th colspan="7">&nbsp;</th>');
            html += ('</tr>');
            html += ('<tr>');
            html += ('<th colspan="2" align="right" style="color: #00659D;">Nombre del archivo : </th>');
            html += ('<th colspan="5" align="left" id="pathFile">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+ coRuta +'</th>');
            html += ('</tr>');
            html += ('<tr>');
            html += ('<th colspan="2" align="right" style="color: #00659D;">Conteo de registros : </th>');
            html += ('<th colspan="5" id="canRegistros" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+ caRecor +'</th>');
            html += ('</tr>');
            html += ('<tr>');
            html += ('<th colspan="2" align="right" style="color: #00659D;">Tama&ntilde;o : </th>');
            html += ('<th align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+ coSize +'</th>');
            html += ('<th align="right" style="color: #00659D;">Tipo de archivo : </th>');
            html += ('<th colspan="3" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+ coCont +'</th>');
            html += ('</tr>');
            html += ('<tr>');
            html += ('<th colspan="7">&nbsp;</th>');
            html += ('</tr>');
            html += ('<tr class="codeHd" style="border-top: 1px solid #CECECE;border-bottom: 1px solid #CECECE";>');
            html += ('<th style="padding: 5px 11px;">Item</th>');
            html += ('<th>Nombre</th>');
            html += ('<th>Descripcion</th>');
            html += ('<th>Tipo</th>');
            html += ('<th>Ancho</th>');
            html += ('<th>Decimal</th>');
            html += ('<th>Resultado</th>');
            html += ('</tr>');
            html += ('</thead>');
            html += ('<tfoot>');
            html += ('<tr class="codeHd" style="border-top: 1px solid #CECECE";>');
            if (jQuery.trim(codKey) != ""){
                html += ('<th id="idObjFile" colspan="7" align="left" style="padding: 7px 11px;">ID : ' + codKey + '</th>');
                estado = true;
            }else{
                html += ('<th colspan="7" style="padding: 7px 11px;">&nbsp;</th>');
            }
            html += ('</tr>');
            html += ('</tfoot>');
            html += ('<tbody id="objFilasEncontradas">');
            $(responseXML).find('detalleLista').each(function(){
                i++
                var objItem  = $(this).find('obj_nom_campo').text();
                var objItem1 = $(this).find('obj_des_campo').text();
                var objItem2 = $(this).find('obj_tipo_campo').text();
                var objItem3 = $(this).find('obj_long_campo').text();
                var objItem4 = $(this).find('obj_deci_campo').text();
                var objItem5 = $(this).find('obj_estado_campo').text();
                var objItem6 = $(this).find('obj_flag_campo').text();
                html += ('<tr>');
                html += ('<td class="right" style="background:#E9E9E9">' + i + '</td>');
                html += ('<td>' + objItem + '</td>');
                html += ('<td>' + objItem1 + '</td>');
                html += ('<td>' + objItem2 + '</td>');
                html += ('<td class="right">' + objItem3 + '</td>');
                html += ('<td class="right">' + objItem4 + '</td>');
                html += ('<td>' + evaluaRespuesta(objItem5) + '</td>');
                html += ('<td style="display:none">' + objItem6 + '</td>');
                html += ('</tr>');
            });
            html += ('</tbody>');
            html += ('</table>');
            html += ('<br>');
            $('#resultados').append($(html));
        }
        if (coError == "EST_REG_VACIO"){
            html += ('<table id="tblResultados" class="table" align="center" style="font-size: 12px;">');
            html += ('<thead>');
            html += ('<tr class="codeHd" style="border-bottom: 1px solid #CECECE";>');
            html += ('<th colspan="7" style="padding: 5px 11px;">Resultado de la Verificaci&oacute;n del Medio Magn&eacute;tico</th>');
            html += ('</tr>');
            html += ('<tr>');
            html += ('<th colspan="7">&nbsp;</th>');
            html += ('</tr>');
            html += ('</thead>');
            html += ('<tfoot>');
            html += ('<tr class="codeHd" style="border-top: 1px solid #CECECE";>');
            html += ('<th colspan="7" style="padding: 5px 11px;">&nbsp;</th>');
            html += ('</tr>');
            html += ('</tfoot>');
            html += ('<tbody id="objFilasEncontradas">');
            html += ('<tr>');
            html += ('<td colspan="7" style="background:#E9E9E9"; color: Red; font-wieght: bold;>No se verifico el archivo....!!</td>');
            html += ('</tr>');
            html += ('</tbody>');
            html += ('</table>');
            html += ('<br>');
            $('#resultados').append($(html));
        }
    });
    replica("fila");
    //estadoControles_car(true);
    //evaluaBoton_car('cmdSendRecord_car',!estado);
}