Index Head Referencias y Links:
Código:
Este es mi principal.js<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript" src="js/principal.js"></script> <script type="text/javascript" src="js/jquery.dataTables.min.js"></script> <link rel="stylesheet" type="text/css" href="styles/jquery.dataTables.css"> <link rel="stylesheet" type="text/css" href="styles/main.css"> <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
Código:
Y finalmente el resultado.php pues no hace mas que traerse unos datos y dibujar el html... crear un div donde le asigno los datos que va necesitar la grafica para dibujar y se los paso como esta arriba en el JS (EN AZUL LO PUSE)... tambien me traego un DataTable y lo pasa bien todo, pero no le pone el paginado, ni la busqueda, ni nada... es decir, no carga el dataTable.js que esta en el index, y tampoco el google jsapi que necesita notifica cuando google ya dio respuesta en estas lineas:google.load('visualization', '1', {'packages':['corechart']}); function CerrarSesion(){ window.location = "php/cerrarsesion.php"; } function drawChart() { console.log("ENTRO"); // NO ENTRA NUNCA var data2 = new google.visualization.DataTable($(this).data('grafico')); var options = { title: 'Actividad Registrada', is3D: 'true', width: 450, height: 300 }; function selectHandler() { var selectedItem = chart.getSelection()[0]; if (selectedItem) { var value = data2.getValue(selectedItem.row, 0); $datos = { 'proceso' : value } $.post( "../php/graficos.php", $datos, function( data2 ) { $("#Graficos").html( data2 ); }); } }} $(document).ready(function(e){ $('#UserList').load('php/listausuarios.php #UserList', function(data){ $(this).html(data); }); //////////////////////COMBOBOX $("#UserList").on('click', '.Cuadrito', function() { if($(this).data('que')=='area'){ $que = 'area'; } if($(this).data('que')=='terminal'){ $que = 'terminal'; } $id = $(this).data('id'); $fechaMin = $("#fecha-min").val(); $fechaMax = $("#fecha-max").val(); $datos = { 'id' : $id, 'fechaMin' : $fechaMin, 'fechaMax' : $fechaMax, 'que' : $que } $.post( "../fisgon2/php/resultado.php", $datos, function( data ) { //Aqui es donde manda llamar el resultado $("#ResultsInformacion").html( data ); //Se trae todo el Php google.load('visualization', '1', {'packages':['corechart']}); google.setOnLoadCallback(drawChart); //AQUI LLAMA LA FUNCION QUE DIBUJA, PERO NUNCA ENTRA }); }); });
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart); //AQUI LLAMA LA FUNCION QUE DIBUJA, PERO NUNCA ENTRA
Alguien me dice como debo de hacerlo? =(, soy muy nuevo en esto y he estado haciendola "de rambo"...
EDITO: Dejo una imagen, espero que pueda ayudar un poco de referencia
EDITO 2: Ya probé el DataTable y la Gráfica en 2 archivos separados y funcionan, solo que en los archivos donde esta el html que dibuja los componentes que necesitan, también estan los scripts