SACP

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>SACP</title> <link rel="shortcut icon" type="image/x-icon" href="img/SACP.ico" />  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/sb-admin.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="css/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="css/grayscale.css"> <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css"> <link rel="stylesheet" type="text/css" href="css/calendar.css">     <style> body { padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ } .cal{ margin-left: 5px; } .jumbotron { padding: 0px 5px 5px 5px; margin-bottom: 10px; color: inherit; background-color: rgba(255, 255, 255, 0.2); } .jumbotron h1, .jumbotron .h1 { font-size: 24px; } .jumbotron h2, .jumbotron .h2 { font-size: 18px; } .calendario{ padding-left: 30px; } #hr { width: 5%; } </style> <script type="text/javascript"> function getInfo(){ var container = document.getElementById("curso"); var container2 = document.getElementById("autocomplete"); if (container.value!="") { window.open('cursos/index.php?curso='+container.value+'&tipo=1','_blank'); }else{ container2.style.background="#fcefa1"; } } </script> </head> <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> <div id="wrapper">  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">  <div class="navbar-header page-scroll"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  <a class="navbar-brand" href="http://cevifaiprivada.ifai.org.mx/swf/cevinaiv2/cevinai/index.php">INICIO</a> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav "> <li class="page-scroll"> <a href="">SACP</a> </li> <li class="page-scroll"> <a href="registro">Registrar</a> </li> <li> <a href="login">Iniciar Sesión</a> </li> </ul> </div>   </nav> <div id="page-wrapper"> <div class="container-fluid"> <header class="intro"> <div class="intro-body"> <h1 class="brand-heading page-header">SACP</h1> <p class="intro-text">Sistema para la Administración de la Capacitación Presencial</p> </div> </header> </div> </div> <div id="page-wrapper">  <header class="intro"> <div class="intro-body"> <div class="container"> <div class="row"> <div class="col-xs-8 col-sm-8 col-md-8 col-xs-offset-2 col-sm-offset-2 col-md-offset-2"> <div class="separacion"></div> <p>Buscar cursos.</p> <div class="input-group input-group-lg"> <input class="form-control" type="hidden" placeholder="" id="curso"> <input class="form-control auto" type="text" placeholder="Ingrese algún dato sobre el curso que desea buscar" id="autocomplete"> <span class="input-group-btn"> <button class="btn btn-default" type="button" onClick="getInfo()">Buscar</button> </span> </div> <div class="separacion"></div> <p>O bien consulta nuestro calendario</p><br> <a href="#about" class="btn btn-circle page-scroll" title="Calendario"> <i class="fa fa-angle-double-down animated"></i> </a> </div> </div> </div> </div> </header> <div class="separacion"></div> </div> <div id="page-wrapper">  <section id="about" class="container content-section"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 jumbotron"> <h1>Calendario de cursos</h1> <div class="page-header"> <h2 class="pull-left"></h2> <div class="text-right form-inline"> <div class="btn-group btn-group-sm"> <button class="btn btn-info active" data-calendar-view="month">Mensual</button> <button class="btn btn-info" data-calendar-view="week">Semanal</button> <button class="btn btn-info" data-calendar-view="day">Diario</button> </div> </div> </div> <div class="row cal"> <div class="span9 calendario"> <div id="calendar"></div> </div> </div> <div class="separacion"></div> <div class="text-center form-inline"> <div class="btn-group btn-group-xs"> <button class="btn btn-info" data-calendar-nav="prev">Anterior</button> <button class="btn btn-success" data-calendar-nav="today">Hoy</button> <button class="btn btn-info" data-calendar-nav="next">Siguiente</button> </div> </div> </div> </section> </div> <div id="page-wrapper">  <section id="contact" class="container content-section text-center"> <div class="row"> <div class="col-lg-8 col-lg-offset-2"> <h2>Contacto</h2> <p>Siéntete libre de contactarnos si tienes algún problema con el sistema, o si tienes alguna duda. Ten la seguridad de que responderemos lo antes posible.</p> <p>Soporte para particulares e iniciativa privada: Araceli Valencia Vázquez, <a href="mailto:araceli.valencia@inai.org.mx">araceli.valencia@inai.org.mx</a></p> <p>Soporte a Sujetos Obligados por las Leyes de Transparencia: <a href="mailto:atencion.dgc@inai.org.mx">atencion.dgc@inai.org.mx</a> </p> </div> </div> </section> </div> <div class="modal fade" id="events-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 class="modal-title">Event</h3> </div> <div class="modal-body" style="height: 400px"> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div>  <script src="js/jquery.js"></script>  <script src="js/bootstrap.js"></script>  <script src="js/jquery.easing.min.js"></script>  <script src="js/grayscale.js"></script> <script type="text/javascript" src="js/underscore-min.js"></script> <script type="text/javascript" src="js/jstz.js"></script> <script type="text/javascript" src="js/language/es-MX.js"></script> <script type="text/javascript" src="js/calendar.js"></script> <script type="text/javascript" src="js/app.js"></script> <script type="text/javascript" src="js/jquery-ui.js"></script> <script> /* * jQuery UI Autocomplete: Using Label-Value Pairs * http://salman-w.blogspot.com/2013/12/jquery-ui-autocomplete-examples.html */ $(function() { $("#autocomplete").autocomplete({ source: 'datos.json.php', focus: function(event, ui) { // prevent autocomplete from updating the textbox event.preventDefault(); // manually update the textbox $(this).val(ui.item.label); }, select: function(event, ui) { // prevent autocomplete from updating the textbox event.preventDefault(); // manually update the textbox and hidden field $(this).val(ui.item.label); $("#curso").val(ui.item.value); } }); }); </script> </body> </html>

CINXE.COM

SACP