API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 29th, 2018
177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 45.08 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.     <head>
  5.         <meta charset="utf-8">
  6.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.         <meta name="viewport" content="width=device-width, initial-scale=1">
  8.         <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  9.         <title>CITAS LEGALIZACIONES | MPPRE</title>
  10.  
  11.         <link rel="stylesheet" type="text/css" href="http://citaslegalizaciones.mppre.gob.ve/application/recursos/css/estilos.css" >
  12.         <link rel="stylesheet" type="text/css" href="http://citaslegalizaciones.mppre.gob.ve/application/recursos/css/bootstrap.css" />
  13.      
  14.         <link rel="stylesheet" type="text/css" href="http://citaslegalizaciones.mppre.gob.ve/application/recursos/css/formValidation.min.css" >
  15.         <link rel="stylesheet" type="text/css" href="http://citaslegalizaciones.mppre.gob.ve/application/recursos/css/datatables.min.css">
  16.         <link rel="stylesheet" type="text/css" href="http://citaslegalizaciones.mppre.gob.ve/application/recursos/css/jquery-ui.css">
  17.         <link rel="stylesheet" type="text/css" href="http://citaslegalizaciones.mppre.gob.ve/application/recursos/css/migas.css">
  18.         <link rel="stylesheet" type="text/css" href="http://citaslegalizaciones.mppre.gob.ve/application/recursos/css/datepicker.min.css" />
  19.         <link rel="stylesheet" type="text/css" href="http://citaslegalizaciones.mppre.gob.ve/application/recursos/css/datepicker3.min.css" />
  20.         <link rel="stylesheet" type="text/css" href="http://citaslegalizaciones.mppre.gob.ve/application/recursos/css/jquery-confirm.css" />
  21.          <link rel="stylesheet" type="text/css" href="http://citaslegalizaciones.mppre.gob.ve/application/libraries/Font/css/font-awesome.css">
  22.  
  23.  
  24.         <script src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/jquery-2.1.1.min.js"></script>
  25.         <script src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/bootstrap.js"></script>
  26.         <script src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/jquery-1.9.1.js"></script>
  27.         <script src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/bootstrap.min.js"></script>
  28.         <script src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/datatables.min.js"></script>
  29.         <script  src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/formValidation.min.js"></script>
  30.         <script  src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/f_bootstrap.min.js"></script>
  31.         <script  src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/jquery-ui.js"></script>
  32.         <script  src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/jquery-confirm.js"></script>
  33.         <script src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/bootstrap-datetimepicker.js"></script>
  34.         <script  src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/HoldOn.js"></script>
  35.  
  36.        
  37.         <link rel="stylesheet" href="http://citaslegalizaciones.mppre.gob.ve/application/libraries/dist/css/AdminLTE.css">
  38.         <link rel="stylesheet" href="http://citaslegalizaciones.mppre.gob.ve/application/libraries/dist/css/skins/_all-skins.css">
  39.  
  40.         <script src="http://citaslegalizaciones.mppre.gob.ve/application/libraries/dist/js/app.min.js"></script>
  41.  
  42.     </head>
  43.     <body>
  44.  
  45.  
  46. <body class="skin-blue sidebar-mini sidebar">
  47.     <div class="wrapper">
  48.         <header class="main-header">
  49.             <!-- Logo -->
  50.             <a href="#" class="logo">
  51.                 <!-- mini logo for sidebar mini 50x50 pixels -->
  52.                 <span class="logo-mini"><b>S</b>DC</span>
  53.                 <!-- logo for regular state and mobile devices -->
  54.                 <span class="logo-lg"><b>CITAS</b></span>
  55.  
  56.             </a>
  57.             <!-- Header Navbar: style can be found in header.less -->
  58.             <nav class="navbar navbar-static-top">
  59.                 <!-- Sidebar toggle button-->
  60.                 <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
  61.                     <span class="sr-only"></span>
  62.                 </a>
  63.                 <div class="navbar-custom-menu">
  64.                                             <ul class="nav navbar-nav">
  65.                             <li>
  66.                                 <a href="http://citaslegalizaciones.mppre.gob.ve/administracion/usuarioModificar" data-toggle="tooltip" data-placement="top" class="navbar-link">Usuario:
  67.                                     RAFAEL MARIA RIVAS ARNENSEN</a>
  68.                             </li>
  69.                             <li>
  70.                                 <a href="http://citaslegalizaciones.mppre.gob.ve/principal/logout" data-toggle="tooltip" data-placement="top" title="Salir del Sistema"><span class="glyphicon glyphicon-log-in"></span> Salir</a>
  71.  
  72.                             </li>
  73.                         </ul>
  74.                                     </div>
  75.             </nav>
  76.         </header>
  77.     </div>
  78.     <aside class="main-sidebar">
  79.         <!-- sidebar: style can be found in sidebar.less -->
  80.         <section class="sidebar">
  81.             <!-- Sidebar user panel -->
  82.             <div class="user-panel">
  83.                 <div>
  84.                     <img src="http://citaslegalizaciones.mppre.gob.ve/application/libraries/dist/img/logoMPPRE2.png" width="210" height="80" alt="User Image">
  85.                 </div>
  86.  
  87.             </div>
  88.             <ul class="sidebar-menu">
  89.                 <li class="header"><font color='white'> SISTEMA DE CITAS MPPRE</font></li>
  90.  
  91.                
  92.                      
  93.                         <li class="treeview">
  94.                             <a href="http://citaslegalizaciones.mppre.gob.ve/principal/bienvenida" >
  95.                                 <i class="fa fa-calendar-plus-o"></i> <span>Citas</span>
  96.                             </a>
  97.                         </li>
  98.  
  99.                    
  100.  
  101.                     <li class="treeview">
  102.                         <a href="http://citaslegalizaciones.mppre.gob.ve/administracion/usuarioModificar" >
  103.                             <i class="fa fa-users"></i> <span>Datos del Usuario</span>
  104.                         </a>
  105.                     </li>
  106.  
  107.                    
  108.                             </ul>
  109.  
  110.  
  111.  
  112.         </section>
  113.     </aside>
  114.  
  115.  
  116.     <div class="content-wrapper">
  117.  
  118. <style>
  119.  
  120.     .modal-header{
  121.         background-color:#0064b4 !important;
  122.     }
  123.     .modal-title{
  124.         color:#ffffff;
  125.     }
  126.     #mdialTamanio{
  127.         width: 60% !important;
  128.     }
  129. </style>
  130.  
  131. <script src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/js/bootbox.js"></script>
  132.  
  133.  
  134. <section class="content">
  135.     <div class="box box-primary ">
  136.         <div class="box-header with-border">
  137.             <h3 class="box-title">Solicitante</h3>
  138.             <div class="box-tools pull-right">
  139.                 <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i></button>
  140.             </div>
  141.         </div>
  142.         <div class="box-body">
  143.                           <div class="row">
  144.                 <div class="col-md-12">
  145.  
  146.                     <table class='tabla_lista table-responsive' >
  147.  
  148.                         <thead>
  149.                         <th>Identificaci&oacute;n </th>
  150.                         <th>Apellidos y Nombres </th>
  151.                         <th>Correo Electr&oacute;nico </th>
  152.                         <th>Telef&oacute;no Local </th>
  153.                         <th>Telef&oacute;no M&oacute;vil </th>
  154.                         </thead>
  155.                         <tbody>
  156.  
  157.                             <tr>
  158.                                 <td> 7306327 </td>  
  159.  
  160.                                 <td> RIVAS ARNENSEN RAFAEL MARIA </td>  
  161.  
  162.                                 <td> rafaelmrivas@gmail.com </td>
  163.  
  164.                                 <td> 02418723346 </td>  
  165.  
  166.                                 <td> 4165402380 </td>  
  167.                             </tr>
  168.  
  169.                         </tbody>
  170.                     </table>
  171.  
  172.                     <table class='table-responsive' align="center">
  173.                         <td><button class="btn btn-primary " data-toggle="modal" data-target="#myModal">Agregar Hijo Menor</button></td>
  174.                     </table>
  175.  
  176.                     <div class="col-sm-12">&nbsp;</div>
  177.  
  178.                     <div class="col-sm-4" align="right">Persona que asistir&aacute; a la Cita</div>
  179.  
  180.                     <div class="col-sm-6" align="left">
  181.                         <select class="form-control" id="option" name="option">
  182.                             <option value="0">SELECCIONE...</option>
  183.                             <option value="1">Solicitante</option>
  184.                             <option value="2">Familiar: C&oacute;nyuge, Padres, Hijos o Hermanos</option>
  185.                             <option value="3">Representante Legal y / &oacute; Apoderado</option>
  186.                         </select>  
  187.                     </div>
  188.  
  189.                     <div class="col-sm-12">&nbsp;</div>
  190.                     <div class="col-sm-2">&nbsp;</div>
  191.                     <div class="col-sm-8"  id='solicitante'></div>
  192.                     <div class="col-sm-2">&nbsp;</div>
  193.                     <div class="col-sm-12">&nbsp;</div>
  194.                    
  195.                         <div id="familia" style="display:none;" >
  196.                             <form id="formulario2" action="" method="POST" name="formulario2">
  197.                                 <div class="col-sm-12"  id='resultado'></div>
  198.  
  199.                                 <table class='table-responsive' align="center">
  200.                                     <td><strong>Se debe presentar seg&uacute;n parentesco:
  201.                                             Acta de Matrimonio o Partida de Nacimiento</strong></td>
  202.                                 </table>
  203.  
  204.                                 <table class='tabla_lista table-responsive'>
  205.  
  206.                                     <tbody>
  207.                                         <tr>
  208.                                             <td>Identificaci&oacute;n </td>
  209.                                             <td><div class="col-sm-6">
  210.                                                     <select name="nacf" id="nacf" class="form-control text-uppercase" >
  211.                                                         <option value="">SELECCIONE...</option>
  212.                                                         <option value="V-">VENEZOLANO</option>
  213.                                                         <option value="E-">EXTRANJERO</option>
  214.                                                          <option value="P-">PASAPORTE</option>
  215.                                                     </select>
  216.                                                 </div>
  217.                                                 <div class="col-sm-6">
  218.  
  219.                                                     <input class="form-control" autocomplete="off" name="cedulaf" id="cedulaf" >
  220.                                                 </div>
  221.                                             </td>  
  222.                                         </tr>
  223.                                         <tr>
  224.                                             <td>Nombres</td>
  225.                                             <td><div class="col-sm-12">
  226.  
  227.                                                     <input type="text"  class="form-control text-uppercase" id="nombresf" onKeyPress="return soloLetras(event)" name="nombresf" placeholder="Nombres" >
  228.                                                 </div>
  229.                                             </td>  
  230.                                         </tr>  
  231.                                         <tr>
  232.                                             <td>Apellidos</td>
  233.                                             <td> <div class="col-sm-12"><input type="text" class="form-control text-uppercase" id="apellidosf" onKeyPress="return soloLetras(event)" name="apellidosf" placeholder="Apellidos" >
  234.                                                 </div>
  235.                                             </td>
  236.                                         </tr>  
  237.                                         <tr>
  238.                                             <td>Telef&oacute;no</td>
  239.                                             <td><div class="col-sm-12">
  240.  
  241.                                                     <input class="form-control" name="tlff" id="tlff" onKeyPress="return soloNumeros(event)">
  242.                                                 </div>
  243.                                             </td>  
  244.                                         </tr>  
  245.                                         <tr>
  246.                                             <td>Direcci&oacute;n</td>
  247.                                             <td><div class="col-sm-12">
  248.  
  249.                                                     <textarea class="form-control text-uppercase" name="direccionf" id="direccionf"  placeholder="direcci&oacute;n" rows="2"></textarea>
  250.                                                 </div>
  251.                                             </td>  
  252.                                         </tr>
  253.                                     </tbody>
  254.                                 </table>
  255.                                 <div class=" col-sm-12">
  256.                                     <table class='table-responsive' align="center">
  257.                                         <td> <button  type="" class="btn btn-success" id="guardar">
  258.                                                 <span class="ladda-label">Registrar</span>
  259.                                             </button></td>
  260.                                     </table>
  261.                                 </div>
  262.                             </form>
  263.                         </div>
  264.                    
  265.                    
  266.                         <div id="representante" style="display:none;" >
  267.                             <form id="formulario3" action="" method="POST" name="formulario2">
  268.                                 <div class="col-sm-12"  id='resultado2'></div>
  269.  
  270.                                 <table class='table-responsive' align="center">
  271.                                     <td><strong>EL APODERADO s&oacute;lo puede tramitar hasta 12 documentos</strong></td>
  272.                                 </table>
  273.  
  274.                                 <table class='tabla_lista table-responsive'>
  275.                                     <tbody>
  276.                                         <tr>
  277.                                             <td>Identificaci&oacute;n </td>
  278.                                             <td><div class="col-sm-6">
  279.                                                     <select name="nacA" id="nacA" class="form-control text-uppercase" >
  280.                                                         <option value="">SELECCIONE...</option>
  281.                                                         <option value="V-">VENEZOLANO</option>
  282.                                                         <option value="E-">EXTRANJERO</option>
  283.                                                         <option value="P-">PASAPORTE</option>
  284.                                                     </select>
  285.                                                 </div>
  286.                                                 <div class="col-sm-6">
  287.  
  288.                                                     <input class="form-control" autocomplete="off" name="cedulaA" id="cedulaA" >
  289.                                                 </div>
  290.                                             </td>  
  291.                                         </tr>
  292.                                         <tr>
  293.                                             <td>Nombres</td>
  294.                                             <td><div class="col-sm-12">
  295.  
  296.                                                     <input type="text"  class="form-control text-uppercase" id="nombresA" onKeyPress="return soloLetras(event)" name="nombresA" placeholder="Nombres" >
  297.                                                 </div>
  298.                                             </td>  
  299.                                         </tr>  
  300.                                         <tr>
  301.                                             <td>Apellidos</td>
  302.                                             <td> <div class="col-sm-12"><input type="text" class="form-control text-uppercase" id="apellidosA" onKeyPress="return soloLetras(event)" name="apellidosA" placeholder="Apellidos" >
  303.                                                 </div>
  304.                                             </td>
  305.                                         </tr>  
  306.                                         <tr>
  307.                                             <td>Telef&oacute;no</td>
  308.                                             <td><div class="col-sm-12">
  309.  
  310.                                                     <input class="form-control" name="tlfA" id="tlfA" onKeyPress="return soloNumeros(event)">
  311.                                                 </div>
  312.                                             </td>  
  313.                                         </tr>  
  314.                                         <tr>
  315.                                             <td>Direcci&oacute;n</td>
  316.                                             <td><div class="col-sm-12">
  317.  
  318.                                                     <textarea class="form-control text-uppercase" name="direccionA" id="direccionA"  placeholder="direcci&oacute;n" rows="2"></textarea>
  319.                                                 </div>
  320.                                             </td>  
  321.                                         </tr>
  322.                                     </tbody>
  323.                                 </table>
  324.                                 <div class=" col-sm-12">
  325.                                     <table class='table-responsive' align="center">
  326.                                         <td><button  type="" class="btn btn-success" id="guardar2">
  327.                                                 <span class="ladda-label">Registrar</span>
  328.                                             </button></td>
  329.                                     </table>
  330.  
  331.  
  332.                                 </div>
  333.                             </form>
  334.                         </div>
  335.                    
  336.                     <div id="botonS" style="display:none;" >
  337.                         <div class=" col-sm-12">
  338.                             <table class='table-responsive' align="center">
  339.                                 <td><button  type="" class="btn btn-primary" id="siguienteS">
  340.                                         <span class="ladda-label">Siguiente</span>
  341.                                     </button></td>
  342.                             </table>
  343.  
  344.                         </div>
  345.                     </div>
  346.  
  347.                     <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  348.                         <div class="modal-dialog" id="mdialTamanio">
  349.                             <div class="modal-content">
  350.                                 <div class="modal-header">
  351.                                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  352.                                     <h4 class="modal-title" id="myModalLabel">Registrar los Hijos</h4>
  353.                                 </div>
  354.                                 <div class="modal-body">
  355.                                     <div class="col-md-12">
  356.                                         <div class="row">
  357.                                             <form id="formulario" action="../cita/guardar_hijo_solicitante" method="POST" name="formulario">
  358.  
  359.                                                 <div class="form-group">
  360.  
  361.                                                     <div  class="col-sm-3">
  362.                                                         <label>Nombres</label>
  363.                                                         <input type="text"  class="form-control text-uppercase" id="nombres[]" onKeyPress="return soloLetras(event)" name="nombres[]" placeholder="Nombres" >
  364.                                                     </div>
  365.                                                     <div  class="col-sm-4">
  366.                                                         <label>Apellidos</label>
  367.                                                         <input type="text" class="form-control text-uppercase" id="apellidos[]" onKeyPress="return soloLetras(event)" name="apellidos[]" placeholder="Apellidos" >
  368.                                                     </div>
  369.  
  370.                                                     <div class="col-sm-4">
  371.                                                         <label>Fecha de Nacimiento</label>
  372.                                                         <div class="input-group input-append date" id="dueDatePicker">
  373.                                                             <span class="input-group-addon add-on"><span class="fa fa-calendar"></span></span>
  374.                                                             <input type="text" class="form-control text-uppercase" name="fecha[]" id="fecha[]" autocomplete="off" readonly="true"  placeholder="fecha de nacimiento" />
  375.                                                         </div>
  376.                                                     </div>
  377.                                                     <div class="col-sm-1">
  378.                                                         <label>Agregar</label>
  379.                                                         <button type="button" class="btn btn-primary addButton" >+</button>
  380.                                                     </div>
  381.                                                     <div class="col-sm-12">&nbsp;</div>
  382.                                                 </div>
  383.  
  384.                                                 <!--=============================== Fila que se Clona =========================== -->
  385.                                                 <div class="form-group hide" id="bookTemplate">
  386.  
  387.                                                     <div  class="col-sm-3">
  388.  
  389.                                                         <input type="text"  class="form-control text-uppercase" id="nombres[]" onKeyPress="return soloLetras(event)" name="nombres[]" placeholder="Nombres" >
  390.                                                     </div>
  391.                                                     <div  class="col-sm-4">
  392.  
  393.                                                         <input type="text" class="form-control text-uppercase" id="apellidos[]" onKeyPress="return soloLetras(event)" name="apellidos[]" placeholder="Apellidos" >
  394.                                                     </div>
  395.  
  396.                                                     <div class="col-sm-4">
  397.  
  398.                                                         <div class="input-group input-append date" id="dueDatePicker">
  399.                                                             <span class="input-group-addon add-on"><span class="fa fa-calendar"></span></span>
  400.                                                             <input type="text" class="form-control text-uppercase" name="fecha[]" id="fecha[]" autocomplete="off" readonly="true"  placeholder="fecha de nacimiento" />
  401.                                                         </div>
  402.                                                     </div>
  403.                                                     <div class="col-sm-1">
  404.                                                         <button type="button" class="btn btn-danger removeButton" >-</button>
  405.                                                     </div>
  406.                                                     <div class="col-sm-12">&nbsp;</div>
  407.                                                 </div>
  408.  
  409.                                                 <div class="col-sm-12">&nbsp;</div>
  410.  
  411.                                                 <div class=" col-sm-6">
  412.                                                     <button  type="submit" class="btn btn-success">
  413.                                                         <span class="ladda-label">Registrar</span>
  414.                                                     </button>
  415.                                                     <button type="button" class="btn btn-warning" data-dismiss="modal">Cerrar</button>
  416.                                                 </div>
  417.                                             </form>
  418.  
  419.                                         </div>
  420.                                     </div>
  421.                                     <div class="modal-footer">
  422.  
  423.                                     </div>
  424.                                 </div>
  425.                             </div>                    
  426.                         </div>
  427.  
  428.                     </div>
  429.                 </div>
  430.             </div>
  431.         </div>
  432.     </div>
  433. </section>
  434.  
  435. <input type="hidden" id="S" value="http://citaslegalizaciones.mppre.gob.ve/cita/solicitante">
  436. <input type="hidden" id="F" value="http://citaslegalizaciones.mppre.gob.ve/cita/familiar">
  437. <input type="hidden" id="A" value="http://citaslegalizaciones.mppre.gob.ve/cita/apoderado">
  438.  
  439. <script>
  440.     $(document).ready(function() {
  441.         $('#siguienteS').click(function() {
  442.             $("#solicitante").html("<div class='alert alert-success alert-dismissable'><button type='button' class='close' data-dismiss='alert'>&times;</button><i class='icon fa fa-check'></i>  Continue con el Proceso.</div>");
  443.  
  444.             setInterval(function() {
  445.                 window.location.href = $("#S").val();
  446.             }, 4000);
  447.  
  448.         });
  449.     });
  450.     $(document).ready(function() {
  451.         $('#siguienteA').click(function() {
  452.             $("#solicitante").html("<div class='alert alert-success alert-dismissable'><button type='button' class='close' data-dismiss='alert'>&times;</button><i class='icon fa fa-check'></i> Continue con el Proceso.</div>");
  453.  
  454.             setInterval(function() {
  455.                 window.location.href = $("#A").val();
  456.             }, 4000);
  457.  
  458.         });
  459.     });
  460.     $(document).ready(function() {
  461.         $('#siguientef').click(function() {
  462.             $("#solicitante").html("<div class='alert alert-success alert-dismissable'><button type='button' class='close' data-dismiss='alert'>&times;</button><i class='icon fa fa-check'></i> Continue con el Proceso.</div>");
  463.  
  464.             setInterval(function() {
  465.                 window.location.href = $("#F").val();
  466.             }, 4000);
  467.  
  468.         });
  469.     });
  470.     $(document).ready(function() {
  471.         $('#option').change(function() {
  472.             var option = $('#option').val();
  473.  
  474.             if (option == '0') {
  475.  
  476.  
  477.                 document.getElementById('botonS').style.display = 'none';
  478.                 document.getElementById('familia').style.display = 'none';
  479.                 document.getElementById('representante').style.display = 'none';
  480.  
  481.             }
  482.             else if (option == '1') {
  483.  
  484.                 document.getElementById('botonS').style.display = 'block';
  485.                 document.getElementById('familia').style.display = 'none';
  486.                 document.getElementById('representante').style.display = 'none';
  487.  
  488.             }
  489.             else if (option == '2') {
  490.  
  491.                 document.getElementById('botonS').style.display = 'none';
  492.                 document.getElementById('familia').style.display = 'block';
  493.                 document.getElementById('representante').style.display = 'none';
  494.  
  495.             } else {
  496.  
  497.                 document.getElementById('botonS').style.display = 'none';
  498.                 document.getElementById('familia').style.display = 'none';
  499.                 document.getElementById('representante').style.display = 'block';
  500.             }
  501.  
  502.         });
  503.     });
  504.     $(document).ready(function() {
  505.         $("#guardar2").click(function() {//evento javascript onclick
  506.             // Declaracion de variables
  507.  
  508.             var dataUser = {
  509.                 "nac": $("#nacA").val(),
  510.                 "cedula": $("#cedulaA").val(),
  511.                 "nombres": $("#nombresA").val(),
  512.                 "apellidos": $("#apellidosA").val(),
  513.                 "fecha": $("#fechaA").val(),
  514.                 "tel": $("#tlfA").val(),
  515.                 "direccion": $("#direccionA").val()
  516.             };
  517.             //validamos que no quede ningun campo vacio
  518.             if (dataUser.cedula === '' || dataUser.nac === '' || dataUser.nombres === ''
  519.                     || dataUser.apellidos === ''
  520.                     || dataUser.fecha === '' || dataUser.tel === '' || dataUser.direccion === ''
  521.                     ) {
  522.                 // mensaje en caso de que exista un campo vacio del formulario
  523.                 $("#resultado2").html("<div class='alert alert-warning alert-dismissable'><button type='button' class='close' data-dismiss='alert'>&times;</button><i class='icon fa fa-warning'></i> Alerta...! Informacion Incompleta, debe llenar todos los campos....</div>");
  524.                 //En caso contrario que no hayan campos vacios enviamos los parametros por ajax
  525.  
  526.             } else {
  527.                 $.ajax({
  528.                     type: 'POST',
  529.                     dataType: 'html',
  530.                     data: dataUser,
  531.                     url: "http://citaslegalizaciones.mppre.gob.ve/cita/guardar_apoderado_solicitante",
  532.                     // mostramos un loader antes de enviar los datos
  533.                     beforeSend: function() {
  534.                         $("#resultado2").show();
  535.                         $("#resultado2").html('<div><img width="2%" src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/imagenes/ajax-loader_1.gif"></div>');
  536.                     },
  537.                     //Despues de enviar los datos limpiamos los campos del formulario
  538.                     success: function(respuesta) {
  539.  
  540.                         // Enviamos un mensaje de exito al insertar los datos
  541.                         $("#resultado2").html("<div class='alert alert-success alert-dismissable'><button type='button' class='close' data-dismiss='alert'>&times;</button><i class='icon fa fa-check'></i> Los Datos Fueron registrados Exitosamente.</div>");
  542.                     }
  543.                 });
  544.                 setInterval(function() {
  545.                     window.location.href = $("#A").val();
  546.                 }, 4000);
  547.             }
  548.         });
  549.     });
  550.  
  551.     $(document).ready(function() {
  552.         $("#guardar").click(function() {//evento javascript onclick
  553.             // Declaracion de variables
  554.  
  555.             var dataUser = {
  556.                 "nac": $("#nacf").val(),
  557.                 "cedula": $("#cedulaf").val(),
  558.                 "nombres": $("#nombresf").val(),
  559.                 "apellidos": $("#apellidosf").val(),
  560.                 "fecha": $("#fechaf").val(),
  561.                 "tel": $("#tlff").val(),
  562.                 "direccion": $("#direccionf").val()
  563.             };
  564.             //validamos que no quede ningun campo vacio
  565.             if (dataUser.cedula === '' || dataUser.nac === '' || dataUser.nombres === ''
  566.                     || dataUser.apellidos === ''
  567.                     || dataUser.fecha === '' || dataUser.tel === '' || dataUser.direccion === ''
  568.                     ) {
  569.                 // mensaje en caso de que exista un campo vacio del formulario
  570.                 $("#resultado").html("<div class='alert alert-warning alert-dismissable'><button type='button' class='close' data-dismiss='alert'>&times;</button><i class='icon fa fa-warning'></i> Alerta...! Informacion Incompleta, debe llenar todos los campos....</div>");
  571.                 //En caso contrario que no hayan campos vacios enviamos los parametros por ajax
  572.  
  573.             } else {
  574.                 $.ajax({
  575.                     type: 'POST',
  576.                     dataType: 'html',
  577.                     data: dataUser,
  578.                     url: "http://citaslegalizaciones.mppre.gob.ve/cita/guardar_familiar_solicitante",
  579.                     // mostramos un loader antes de enviar los datos
  580.                     beforeSend: function() {
  581.                         $("#resultado").show();
  582.                         $("#resultado").html('<div><img width="2%" src="http://citaslegalizaciones.mppre.gob.ve/application/recursos/imagenes/ajax-loader_1.gif"></div>');
  583.                     },
  584.                     //Despues de enviar los datos limpiamos los campos del formulario
  585.                     success: function(respuesta) {
  586.  
  587.                         // Enviamos un mensaje de exito al insertar los datos
  588.                         $("#resultado").html("<div class='alert alert-success alert-dismissable'><button type='button' class='close' data-dismiss='alert'>&times;</button><i class='icon fa fa-check'></i>Los Datos Fueron registrados Exitosamente.</div>");
  589.                     }
  590.  
  591.                 });
  592.                 setInterval(function() {
  593.                     window.location.href = $("#F").val();
  594.                 }, 4000);
  595.             }
  596.         });
  597.     });
  598.     $('#formulario3').formValidation({
  599.         framework: 'bootstrap',
  600.         fields: {
  601.             nacA: {
  602.                 row: '.col-sm-12',
  603.                 validators: {
  604.                     notEmpty: {
  605.                         message: 'CAMPO OBLIGATORIO'
  606.                     }
  607.  
  608.                 }
  609.             },
  610.             cedulaA: {
  611.                 row: '.col-sm-12',
  612.                 validators: {
  613.                     notEmpty: {
  614.                         message: 'CAMPO OBLIGATORIO'
  615.                     }
  616.  
  617.                 }
  618.             },
  619.             nombresA: {
  620.                 row: '.col-sm-12',
  621.                 validators: {
  622.                     notEmpty: {
  623.                         message: 'CAMPO OBLIGATORIO'
  624.                     }
  625.  
  626.                 }
  627.             },
  628.             apellidosA: {
  629.                 row: '.col-sm-12',
  630.                 validators: {
  631.                     notEmpty: {
  632.                         message: 'CAMPO OBLIGATORIO'
  633.                     }
  634.  
  635.                 }
  636.             },
  637.             tlfA: {
  638.                 row: '.col-sm-12',
  639.                 validators: {
  640.                     notEmpty: {
  641.                         message: 'CAMPO OBLIGATORIO'
  642.                     },
  643.                     phone: {
  644.                         country: 'VE',
  645.                         message: 'El numero no es valido para %s'
  646.  
  647.                     }
  648.  
  649.                 }
  650.             }
  651.            
  652.  
  653.         }
  654.     });
  655.     $('#formulario2').formValidation({
  656.         framework: 'bootstrap',
  657.         fields: {
  658.             nacf: {
  659.                 row: '.col-sm-12',
  660.                 validators: {
  661.                     notEmpty: {
  662.                         message: 'CAMPO OBLIGATORIO'
  663.                     }
  664.  
  665.                 }
  666.             },
  667.             cedulaf: {
  668.                 row: '.col-sm-12',
  669.                 validators: {
  670.                     notEmpty: {
  671.                         message: 'CAMPO OBLIGATORIO'
  672.                     }
  673.  
  674.                 }
  675.             },
  676.             nombresf: {
  677.                 row: '.col-sm-12',
  678.                 validators: {
  679.                     notEmpty: {
  680.                         message: 'CAMPO OBLIGATORIO'
  681.                     }
  682.  
  683.                 }
  684.             },
  685.             apellidosf: {
  686.                 row: '.col-sm-12',
  687.                 validators: {
  688.                     notEmpty: {
  689.                         message: 'CAMPO OBLIGATORIO'
  690.                     }
  691.  
  692.                 }
  693.             },
  694.             tlff: {
  695.                 row: '.col-sm-12',
  696.                 validators: {
  697.                     notEmpty: {
  698.                         message: 'CAMPO OBLIGATORIO'
  699.                     },
  700.                     phone: {
  701.                         country: 'VE',
  702.                         message: 'El numero no es valido para %s'
  703.  
  704.                     }
  705.  
  706.                 }
  707.             }
  708.  
  709.         }
  710.     });
  711.     $(document).ready(function() {
  712.  
  713.         $('#formulario').formValidation({
  714.             framework: 'bootstrap',
  715.             fields: {
  716.                 'apellidos[]': {
  717.                     // The task is placed inside a .col-xs-6 element
  718.                     row: '.col-sm-4',
  719.                     validators: {
  720.                         notEmpty: {
  721.                             message: 'CAMPO OBLIGATORIO'
  722.                         }
  723.                     }
  724.                 },
  725.                 'nombres[]': {
  726.                     // The due date is placed inside a .col-xs-4 element
  727.                     row: '.col-sm-3',
  728.                     validators: {
  729.                         notEmpty: {
  730.                             message: 'CAMPO OBLIGATORIO'
  731.                         }
  732.                     }
  733.  
  734.                 },
  735.                 'fecha[]': {
  736.                     // The due date is placed inside a .col-xs-4 element
  737.                     row: '.col-sm-4',
  738.                     validators: {
  739.                         notEmpty: {
  740.                             message: 'CAMPO OBLIGATORIO'
  741.                         }
  742.                     }
  743.                 }
  744.             }
  745.         }).on('added.field.fv', function(e, data) {
  746.             if (data.field === 'fecha[]') {
  747.                 // The new due date field is just added
  748.                 // Create a new date picker
  749.                 data.element
  750.                         .parent()
  751.                         .datepicker({
  752.                             format: 'dd-mm-yyyy',
  753.                             autoclose: true
  754.  
  755.                         })
  756.                         .on('changeDate', function(evt) {
  757.                             // Revalidate the date field
  758.                             $('#formulario').formValidation('revalidateField', data.element);
  759.                         });
  760.             }
  761.  
  762.         }).on('click', '.addButton', function() {
  763.             var $template = $('#bookTemplate'),
  764.                     $clone = $template
  765.                     .clone()
  766.                     .removeClass('hide')
  767.                     .removeAttr('id')
  768.                     .insertBefore($template);
  769.             $('#formulario')
  770.                     .formValidation('addField', $clone.find('[name="nombres[]"]'))
  771.  
  772.                     .formValidation('addField', $clone.find('[name="apellidos[]"]'))
  773.                     .formValidation('addField', $clone.find('[name="fecha[]"]'));
  774.         })
  775.  
  776.                 // Remove button click handler
  777.                 .on('click', '.removeButton', function() {
  778.                     var $row = $(this).closest('.form-group');
  779.                     // Remove fields
  780.                     $('#formulario')
  781.                             .formValidation('removeField', $row.find('[name="nombres[]"]'))
  782.  
  783.                             .formValidation('removeField', $row.find('[name="apellidos[]"]'))
  784.                             .formValidation('removeField', $row.find('[name="fecha[]"]'));
  785.                     // Remove element containing the fields
  786.                     $row.remove();
  787.                 });
  788.     });</script>
  789.  
  790.  
  791. <script type="text/javascript">
  792.  
  793.     $('#dueDatePicker').datepicker({
  794.         format: 'dd-mm-yyyy',
  795.         autoclose: true
  796.     }).on('changeDate', function(evt) {
  797.         // Revalidate the date field
  798.         $('#formulario').formValidation('revalidateField', $('#dueDatePicker').find('[name="fecha"]'));
  799.     });
  800.     function soloLetras(e) {
  801.         key = e.keyCode || e.which;
  802.         tecla = String.fromCharCode(key).toLowerCase();
  803.         letras = " qwertyuiop?lkjhgfdsazxcvbnm";
  804.         especiales = "8-37-39-46";
  805.         tecla_especial = false
  806.         for (var i in especiales) {
  807.             if (key == especiales[i]) {
  808.                 tecla_especial = true;
  809.                 break;
  810.             }
  811.         }
  812.  
  813.         if (letras.indexOf(tecla) == -1 && !tecla_especial) {
  814.            return false;
  815.         }
  816.     }
  817.  
  818.     function soloNumeros(e)
  819.     {
  820.         var key = window.Event ? e.which : e.keyCode
  821.         return ((key >= 48 && key <= 57) || (key == 8))
  822.    }
  823.  
  824.  
  825.     $(document).ready(function() {
  826.            $("#nacA").change(function() {
  827.                $("#nombresA").val('');
  828.                 $("#apellidosA").val('');
  829.                 $("#cedulaA").val('');
  830.                
  831.                 $("#cedulaA").blur(function()
  832.                 {
  833.  
  834.                     var nac = document.getElementById("nac").value;
  835.                     var cedula = document.getElementById("cedula").value;
  836.                     $.ajax({
  837.                         type: "GET",
  838.                         url: "http://citaslegalizaciones.mppre.gob.ve/api-services/index.php/personas/cedulanac/" + nac + cedula,
  839.                         dataType: "json",
  840.                         success: function(data) {
  841.  
  842.                             if (data == 404) {
  843.  
  844.                                 $("#nombresA").val('');
  845.                                 $("#apellidosA").val('');
  846.                                
  847.                                 $('#nombresA').removeAttr("readonly");
  848.                                 $('#apellidosA').removeAttr("readonly");
  849.                            
  850.                             } else {
  851.  
  852.                                 var obj = eval("(" + JSON.stringify(data) + ")");
  853.                                 $('#nombresA').attr("readonly", true);
  854.                                 $('#apellidosA').attr("readonly", true);
  855.                              
  856.  
  857.                                 if (obj.response.segundo_nombre == null) {
  858.                                     $("#nombresA").val(obj.response.primer_nombre);
  859.                                 } else {
  860.                                     $("#nombresA").val((obj.response.primer_nombre) + ' ' + (obj.response.segundo_nombre));
  861.                                 }
  862.  
  863.                                if (obj.response.segundo_apellido == null) {
  864.                                     $("#apellidosA").val(obj.response.primer_apellido);
  865.                                 } else {
  866.                                     $("#apellidosA").val((obj.response.primer_apellido) + ' ' + (obj.response.segundo_apellido));
  867.                                 }
  868.  
  869.                             }
  870.                         }
  871.                     });
  872.  
  873.                 });
  874.             });
  875.         });
  876.       $(document).ready(function() {
  877.             $("#nacf").change(function() {
  878.                 $("#nombresf").val('');
  879.                 $("#apellidosf").val('');
  880.                 $("#cedulaf").val('');
  881.                
  882.                 $("#cedulaf").blur(function()
  883.                 {
  884.  
  885.                     var nac = document.getElementById("nac").value;
  886.                     var cedula = document.getElementById("cedula").value;
  887.                     $.ajax({
  888.                         type: "GET",
  889.                         url: "http://citaslegalizaciones.mppre.gob.ve/api-services/index.php/personas/cedulanac/" + nac + cedula,
  890.                         dataType: "json",
  891.                         success: function(data) {
  892.  
  893.                             if (data == 404) {
  894.  
  895.                                 $("#nombresf").val('');
  896.                                 $("#apellidosf").val('');
  897.                                
  898.                                 $('#nombresf').removeAttr("readonly");
  899.                                 $('#apellidosf').removeAttr("readonly");
  900.                            
  901.                             } else {
  902.  
  903.                                 var obj = eval("(" + JSON.stringify(data) + ")");
  904.                                 $('#nombresf').attr("readonly", true);
  905.                                 $('#apellidosf').attr("readonly", true);
  906.                              
  907.  
  908.                                 if (obj.response.segundo_nombre == null) {
  909.                                     $("#nombresf").val(obj.response.primer_nombre);
  910.                                 } else {
  911.                                     $("#nombresf").val((obj.response.primer_nombre) + ' ' + (obj.response.segundo_nombre));
  912.                                 }
  913.  
  914.                                if (obj.response.segundo_apellido == null) {
  915.                                     $("#apellidosf").val(obj.response.primer_apellido);
  916.                                 } else {
  917.                                     $("#apellidosf").val((obj.response.primer_apellido) + ' ' + (obj.response.segundo_apellido));
  918.                                 }
  919.  
  920.                             }
  921.                         }
  922.                     });
  923.  
  924.                 });
  925.             });
  926.         });
  927. </script>
  928.  
  929. <style>
  930.     /* Sticky footer styles
  931. -------------------------------------------------- */
  932.  
  933.     html,
  934.     body {
  935.         height: 100%;
  936.         /* The html and body elements cannot have any padding or margin. */
  937.     }
  938.  
  939.     /* Wrapper for page content to push down footer */
  940.     #wrap {
  941.         min-height: 100%;
  942.         height: auto !important;
  943.         height: 100%;
  944.         /* Negative indent footer by its height */
  945.         margin: 0 auto -30px;
  946.         /* Pad the bottom by footer height */
  947.         padding: 0 0 30px;
  948.     }
  949.  
  950.     /* Set the fixed height of the footer here */
  951.     footer {
  952.         height: 30px;
  953.         background-color: lightblue;
  954.     }
  955.  
  956.  
  957.     /* Custom page CSS
  958.     -------------------------------------------------- */
  959.     footer > p {
  960.         padding: 0 125px;
  961.     }
  962. </style>
  963.  
  964. </div>
  965.  
  966.  
  967. </body>
  968. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!