<?php
 
require_once('conf/conf.inc.php');
require_once('conf/conf_db.inc.php');
require_once('admin/acceso.inc.php');
require_once('admin/validacion_usuario_admin.inc.php');
require_once('admin/fun.inc.php');
require_once('conf/vars.inc.php');
ae_nocache();
 
?><!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta content="IE=edge" http-equiv="X-UA-Compatible">
	<title><?php echo$_paramSIS['html_header_title_nombre'];?></title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"><!-- Bootstrap 3.3.7 -->
	<link href
="bower_components/bootstrap/dist/css/bootstrap.min.css" rel
="stylesheet"><!-- Font Awesome 
--> 	<link href
="bower_components/font-awesome/css/font-awesome.min.css" rel
="stylesheet"><!-- Ionicons 
--> 	<link href
="bower_components/Ionicons/css/ionicons.min.css" rel
="stylesheet"><!-- Theme style 
--> 	<link href
="dist/css/AdminLTE.min.css" rel
="stylesheet"><!-- AdminLTE Skins
. Choose a skin from the css
/skins folder instead of downloading all of them to reduce the load
. --> 	<link href
="dist/css/skins/skin-blue.css" rel
="stylesheet"> 	<link href
="dist/css/skins/custom.css" rel
="stylesheet"> 	<!-- Morris chart -->
	<link href
="bower_components/morris.js/morris.css" rel
="stylesheet"><!-- jvectormap 
-->     <link href
="bower_components/jvectormap/jquery-jvectormap.css" rel
="stylesheet"><!-- Date Picker 
-->  
    <!-- 2019-06-18 Marcelo: estaban descomentadas -->
	<!-- <link href
="bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel
="stylesheet"> --> <!-- Daterange picker 
-->     <!-- <link href
="bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css" rel
="stylesheet"> --> <!-- Daterange picker 
-->  
 
    <!-- <link href
="bower_components/bootstrap-daterangepicker/daterangepicker.css" rel
="stylesheet"> --> <!-- bootstrap wysihtml5 
- text editor 
--> 	<!--<link href
="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel
="stylesheet">--><!-- HTML5 Shim and Respond
.js IE8 support of HTML5 elements and media queries 
--> 	<!-- DataTables -->
	<link rel
="stylesheet" href
="bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css"> 	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	<!-- Google Font -->
	<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic" rel="stylesheet">
    <link rel="icon" href="https://www.mater-salta.com/wp-content/themes/mater/favicon.png">
 
    <!-- Estilo Tomografo -->
    <link rel="stylesheet" href="css/tablaconscroll.css">
 
<!-- jQuery 3 -->
	<script src="bower_components/jquery/dist/jquery.js"></script>
	<!--<script src="bower_components/jquery/dist/jquery-2.2.0.js"></script>-->
	<!-- jQuery UI 1.11.4 -->
	<script src="bower_components/jquery-ui/jquery-ui.js"></script>
	<link href="bower_components/jquery-ui/themes/base/jquery-ui.css" rel="stylesheet">
	<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
	<script>
		$.widget.bridge('uibutton', $.ui.button);
	</script> <!-- Bootstrap 3.3.7 -->
	<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <!-- Morris.js charts -->
	<script src="bower_components/raphael/raphael.min.js"></script>
	<!--<script src="bower_components/morris.js/morris.min.js"></script>--> <!-- Sparkline -->
	<script src="bower_components/jquery-sparkline/dist/jquery.sparkline.min.js"></script> <!-- jvectormap -->
	<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
	<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script> <!-- jQuery Knob Chart -->
	<script src="bower_components/jquery-knob/dist/jquery.knob.min.js"></script> <!-- daterangepicker -->
    <script src="bower_components/moment/min/moment.min.js"></script>
 
    <!-- 2019-06-18 rangepicker estaba descomentado -->
	<!-- <script src="bower_components/bootstrap-daterangepicker/daterangepicker.js"></script> --> <!-- datepicker -->
	<!-- <script src="bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script> --> <!-- Bootstrap WYSIHTML5 -->
    <!-- <script src="bower_components/bootstrap-datepicker/dist/locales/bootstrap-datepicker.es.min.js"></script> -->
 
    <!-- DataTables -->
 
	<!-- <script src="bower_components/datatables.net/js/jquery.dataTables.min.js"></script> -->
	<!-- <script src="bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script> -->
 
	<!--<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>--> <!-- Slimscroll -->
	<script src="bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script> <!-- FastClick -->
	<script src="bower_components/fastclick/lib/fastclick.js"></script> <!-- AdminLTE App -->
	<script src="dist/js/adminlte.min.js"></script> <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
	<!--<script src="dist/js/pages/dashboard.js"></script>--> <!-- AdminLTE for demo purposes -->
	<!--<script src="dist/js/demo.js"></script>-->
	<script src="js/commtool.js" type="text/javascript"></script>
	<script src="js/jquery/jquery.validate.js" type="text/javascript"></script>
	<script src="js/jquery/additional-methods.js" type="text/javascript"></script>
    <script src="js/jquery/jquery.bootpag.min.js" type="text/javascript"></script>
    <!-- <script src="js/jquery/jquery.turnos2.js" type="text/javascript"></script> -->
 
    <!-- <link href="bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet"> --> <!-- Daterange picker -->
    <!-- <link href="bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css" rel="stylesheet"> --> <!-- Daterange picker -->
 
    <script type="text/javascript">
        $(document).ready(function(){
            function listar(){
                $.ajax({
                    type: 'GET',
                    url: 'admin/prueba_JSON.php',
                    dataType: "html",
                    cache: false,
                    beforeSend: function(){},
                    complete: function(){},
                    success: function(data){
                        alert(data);
                        var lista = $.parseJSON(data);
                        if (lista.cantidad > 0){
                            var i = 0;
                            var lineas = '';
                            for (i = 0; i < lista.cantidad; i++){
                                lineas += '<p>' + lista.items[i]['nombre'] + '</p>';
                            }
                            $('#elementos').append(lineas);
                        }
                    }
                });
            }
 
            $('#btn_listar').click(function(){
                listar();
            });
        });
    </script>
</head>
<body>
    <button name="btn_listar" id="btn_listar">Listar</button>
    <div name="elementos" id="elementos"></div>
</body>
</html>