Jater

AJAX_select_2

Jun 16th, 2015
251
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

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×