×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Javascript
Posted by: user7784c
Added: Jun 23, 2017 4:24 PM
Modified: Jun 28, 2017 6:03 PM
Views: 13
  1.     function MostrarOcultarAlerta()
  2.     {
  3.         $('#misAlertas').show(500, function () {
  4.             setTimeout(function () {
  5.                 $('#misAlertas').fadeOut(1500);
  6.             }, 4000);
  7.         });
  8.     }
  9.  
  10.     function GenerarTablaDatos(EncTable, BodyTable, DatosJson)
  11.     {
  12.         var Columns = Object.keys(DatosJson[0]);
  13.         EncTable.innerHTML = GeneraEncabezadosTabla(Columns);
  14.        
  15.         var tabla = BodyTable.getAttribute('id');
  16.         tabla = tabla.substr(-2);
  17.         BodyTable.innerHTML = GeneraBodyTabla(DatosJson, tabla);
  18.     }
  19.  
  20.     function GeneraBodyTabla(DatJson, table)
  21.     {
  22.         var trtd = "";
  23.         var i = 1;
  24.         var btnEdit = '<button type="button" class="btn btn-xs btn-primary" aria-label="Left Align" *><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></button>';
  25.         var btnDel = '<button type="button" class="btn btn-xs btn-danger" aria-label="Left Align" *><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>';
  26.         var editFunc;
  27.         var delFunc;
  28.        
  29.         for (var row in DatJson)
  30.         {
  31.             trtd += "<tr>";
  32.             fila = DatJson[row];
  33.             for (var item in fila)
  34.             {
  35.                 if(i === 1)
  36.                 {
  37.                     editFunc =  'onclick="EditarRegistro(' + fila[item] + ', \'' + table + '\');"';
  38.                     delFunc = 'onclick="EliminarRegistro(' + fila[item] + ', \'' + table + '\');"';;
  39.                     trtd += '<td>' + btnEdit.replace('*', editFunc) + '</td>';
  40.                     trtd += '<td>' + btnDel.replace('*', delFunc) + '</td>';
  41.                     i++;
  42.                 }
  43.                 trtd += "<td>" + fila[item] + "</td>";
  44.             }
  45.             i = 1;
  46.             trtd += "</tr>";
  47.         }
  48.         return trtd;
  49.     }
  50.  
  51.     function GeneraEncabezadosTabla(DatJson)
  52.     {
  53.         var Cols = "<tr><td></td><td></td>";
  54.         for (var item in DatJson)
  55.         {
  56.             Cols += "<td>" + DatJson[item] + "</td>";
  57.         }
  58.         Cols += "</tr>";
  59.         return Cols;
  60.     }
  61.  
  62.    // Ejecutar funciones Callback
  63.  
  64.     function EjecutaVariasFunciones()
  65.     {
  66.                 // Los parametros son los nombres de las funciones
  67.         EjecutarCallbackFunctions(RecuperaFolioCC,RecuperaFolioPA, RecuperaFolioPV, RecuperaFolioPR, TipoAlertaMensaje);
  68.     }
  69.    
  70.     function EjecutarCallbackFunctions(CalbackCC, CallbackPA, CallbackPV, CallbackPR, CallbackMsg)
  71.     {    
  72.         CalbackCC();
  73.         CallbackPA();
  74.         CallbackPV();
  75.         CallbackPR();
  76.         CallbackMsg('info', 'Plantilla recuperada: ' + numFolio);        
  77.     }
  78.    
  79.     //================================================================0
  80.  
  81. // Selecciona todos los elementos input tipo texto que no tengan la propiedad novalidate.
  82. ccControl = document.querySelectorAll("#IdElementoPadre input[type=text]:not([novalidate])");
  83. // El selector crea un array de elementos, se pueden recorrer asi:
  84. for (var item in ccControl)
  85. {
  86.         if (EsVacio(ccControl[item].value))
  87.      {
  88.         TipoAlertaInput(ccControl[item], 'error');
  89.           bol = false;
  90.         }
  91. }
  92.  
  93.     // recibe un input como parametro y un boleano
  94.     function ValidaInputText(input, EsHora = false)
  95.     {
  96.         if (EsVacio(input.value))
  97.         {
  98.             var NV = input.getAttribute("novalidate");
  99.             if (NV === null)
  100.             {
  101.                 TipoAlertaMensaje('danger', '¡No deje este campo vacio!');
  102.                 TipoAlertaInput(input, 'error');
  103.             }
  104.             else
  105.             {
  106.                 TipoAlertaInput(input, 'success');
  107.             }
  108.         }
  109.         else
  110.         {
  111.             if (EsHora === true)
  112.             {
  113.             if (FormatHora(input.value) === false)
  114.             {
  115.                 TipoAlertaMensaje('danger', 'El formato debe ser: HH:MM. Ejemplo: 13:45.');
  116.                 TipoAlertaInput(input, 'error');
  117.                 input.focus();
  118.             }
  119.             else
  120.             {
  121.                 TipoAlertaInput(input, 'success');
  122.             }
  123.             }
  124.             else
  125.             {
  126.                 TipoAlertaInput(input, 'success');
  127.             }
  128.         }
  129.  
  130.     }
  131.  
  132.     function ValidaSelectOption(select)
  133.     {
  134.         if (SinSeleccionar(select.value))
  135.         {
  136.             TipoAlertaMensaje('danger', 'Debe seleccionar una opción de este campo.');
  137.             TipoAlertaInput(select, 'error');
  138.             return false;
  139.         }
  140.         else
  141.         {
  142.             TipoAlertaInput(select, 'success');
  143.             return true;
  144.         }
  145.     }
  146.  
  147.         // recibe un input text y string "success", "warning", "error"
  148.         //esto para cambiar la apariencia del imput
  149.     function TipoAlertaInput(input, pTipo)
  150.     {
  151.         input.parentNode.classList.remove('has-success');
  152.         input.parentNode.classList.remove('has-warning');
  153.         input.parentNode.classList.remove('has-error');
  154.         if (pTipo === "success")
  155.         {
  156.             input.parentNode.classList.add('has-' + pTipo + '');
  157.         }
  158.         else if (pTipo === "warning")
  159.         {
  160.             input.parentNode.classList.add('has-' + pTipo + '');
  161.         }
  162.         else if (pTipo === "error")
  163.         {
  164.             input.parentNode.classList.add('has-' + pTipo + '');
  165.         }
  166.     }
  167.  
  168.     //Valida si esta checked return tinyint. 1 = true, 0 = false.
  169.     function EstaCheked(input)
  170.     {
  171.         if(input.checked)
  172.         {
  173.             return 1;
  174.         }
  175.         else
  176.         {
  177.             return 0;
  178.         }
  179.     }
  180.         //Recibe un string con el tipo de alerta que se mostrará
  181.         // "success", "info", "warning", "danger" y  el string del mensaje.
  182.     function TipoAlertaMensaje(pTipo, pMsg)
  183.     {
  184.         var msg = document.getElementById('misAlertas');
  185.         msg.classList.remove('alert-success');
  186.         msg.classList.remove('alert-info');
  187.         msg.classList.remove('alert-warning');
  188.         msg.classList.remove('alert-danger');
  189.         if (pTipo === "success")
  190.         {
  191.             msg.classList.add('alert-' + pTipo + '');
  192.             $('#misAlertas').html(pMsg);
  193.             MostrarOcultarAlerta();
  194.         }
  195.         else if (pTipo === "info")
  196.         {
  197.             msg.classList.add('alert-' + pTipo + '');
  198.             $('#misAlertas').html(pMsg);
  199.             MostrarOcultarAlerta();
  200.         }
  201.         else if (pTipo === "warning")
  202.         {
  203.             msg.classList.add('alert-' + pTipo + '');
  204.             $('#misAlertas').html(pMsg);
  205.             MostrarOcultarAlerta();
  206.         }
  207.         else if (pTipo === "danger")
  208.         {
  209.             msg.classList.add('alert-' + pTipo + '');
  210.             $('#misAlertas').html(pMsg);
  211.             MostrarOcultarAlerta();
  212.         }
  213.  
  214.     }    
  215.  
  216. // saber si es visible un elemento HTML
  217.         if ($('.ControlCambios').is(":visible"))
  218.         {
  219.             $('.ControlCambios').hide("fast");
  220.         }
  221.  
  222.         // RETORNA formato fecha actual Javascript
  223.         function DiaActual()
  224.         {
  225.             var F = new Date();
  226.             var Y = F.getFullYear();
  227.             var M = F.getMonth() + 1;
  228.             var D = F.getDate();
  229.  
  230.             var H = F.getHours();
  231.             var Mi = F.getMinutes();
  232.  
  233.             if (M <= 9)
  234.             {
  235.                 M = '0' + M;
  236.             }
  237.             if (D <= 9)
  238.             {
  239.                 D = '0' + D;
  240.             }
  241.  
  242.             var FC = Y + "-" + M + "-" + D + " " + H + ":" + Mi;
  243.  
  244.             return FC;
  245.         }        
  246.  
  247.