Jater

AJAX_select_2

Jun 16th, 2015
261
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php include("DB_Connect.php");
  2. header("Content-Type: text/html; charset=utf-8");
  3. ?>
  4. <!DOCTYPE html>
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
  8. <title>Результаты</title>
  9. <link href="css/Style.css" rel="stylesheet" type="text/css" />
  10.     <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  11.     <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
  12. <?php if(count($_POST["TestId"])>0){?>
  13.     <script type="text/javascript">
  14.         google.load("visualization", "1", {packages:["corechart"]});
  15.         google.setOnLoadCallback(drawVisualization);
  16.  
  17.         function drawVisualization() {
  18.         // Some raw data (not necessarily accurate)
  19.         var data = google.visualization.arrayToDataTable([
  20.             <?php include("GoogleComboData.php");?>
  21.         ]);
  22.         var options = {
  23.             title : 'Динамика тестирования',
  24.             vAxis: {title: "Проценты"},
  25.             hAxis: {title: "Ученики"},
  26.             seriesType: "bars",
  27.             series: {5: {type: "line"}}
  28.         };
  29.         var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
  30.         chart.draw(data, options);
  31.         }
  32.     </script>
  33. <?php }?>
  34.     <script type="text/javascript">
  35.         $("select[id='ListFilterQuery']").change(function () {
  36.             // получаем то, что написал пользователь
  37.             var GroupNames = $("select[name=GroupName]").val();
  38.             alert(GroupNames);
  39.             // формируем строку запроса
  40.             var data = 'GroupName='+GroupNames;
  41.             // если GroupNames не пустая
  42.             if(GroupNames) {
  43.                 // делаем ajax запрос
  44.                 $ajax({
  45.                     type: "POST",
  46.                     url: "GoogleFilterAjax.php",
  47.                     data: data,
  48.                     beforeSend: function(html) { // запустится до вызова запроса
  49.                         $("#resultsQuery").html('');
  50.                         //$(".word").html(GroupNames);
  51.                    },
  52.                    success: function(html){ // запустится после получения результатов
  53.                         $("#resultsQuery").show();
  54.                         $("#resultsQuery").append(html);
  55.                   }
  56.                 });
  57.             }
  58.             return false;
  59.     });
  60.     </script>
  61.   </head>
  62. <body>
  63. <table class="frame">
  64.   <tr>
  65.     <td>
  66.         <?php include("Menu.php");?>
  67.     </td>
  68.   </tr>
  69.   <tr>
  70.     <td>
  71.     <?php $ListTestSQL=mysql_query("SELECT Name,Id FROM tests");
  72.     $ListGroupSQL=mysql_query("SELECT `Id`,`Group` FROM users WHERE NOT `Group`='' GROUP BY `Group` ORDER BY `Group` ASC");?>
  73.     <div class="contextdiv">
  74.         <form method="post">
  75.         <select multiple name="TestId[]" class="ListFilter">
  76.             <?php while($ListTest=mysql_fetch_array($ListTestSQL)){
  77.                 echo"<option value='".$ListTest["Id"]."'>".$ListTest["Name"]."</option>";
  78.                 }?>
  79.         </select>
  80.         <select name="GroupName" class="ListFilter" id="ListFilterQuery" multiple="multiple">
  81.             <?php while($ListGroup=mysql_fetch_array($ListGroupSQL)){
  82.                 echo"<option value='".$ListGroup["Group"]."'>".$ListGroup["Group"]."</option>";
  83.                 }?>
  84.         </select>
  85.         <select multiple name="UserName[]" class="ListFilter" id="resultsQuery">
  86.            
  87.         </select>
  88.         <br/>
  89.         <input type="submit" value="Построить" class='SubmitButton'>
  90.         </form>
  91.     </div>
  92.     <?php if(count($_POST["TestId"])>0){?><div id="chart_div" style="width: 750px; height: 500px; float:left; margin:25px 0 0 25px"></div><?php }?>
  93.     </td>
  94.   </tr>
  95.   <tr>
  96.     <td style="padding-left:25%;">&nbsp;</td>
  97.   </tr>
  98. </table>
  99. <?php include("GoogleComboData.php");?>
  100. </body>
  101. </html>
RAW Paste Data