Advertisement
Guest User

Untitled

a guest
Jun 26th, 2017
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.57 KB | None | 0 0
  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  2. <script src="http://test.you-city.pp.ua/vtc/js/selectize.js"></script>
  3.  
  4.  
  5. <head>
  6. <meta charset="UTF-8">
  7. </head>
  8. <body>
  9. <?php
  10. $servername = "p178984.mysql.ihc.ru";
  11. $username = "p178984_geojoml";
  12. $password = "VaeyE7QYYZ";
  13. $db = new PDO("mysql:host=$servername;dbname=p178984_geojoml", $username, $password);
  14. $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  15. $db->exec("set names utf8");
  16. $sth = $db->prepare("SELECT id, name, objects FROM station");
  17. $sth->execute();
  18. $result = $sth->fetchAll();
  19. ?>
  20. <div class="search_panel">
  21. <form id="abroute" method="post" onsubmit="call()" action="javascript:void(null);">
  22.  
  23.  
  24.  
  25. <select id="pA" name="A[]"> <label for="pA">Пункт А: </label>
  26. <script>
  27. $('#pA').selectize({
  28. persist: false,
  29. create:false,
  30. highlight: true,
  31. maxItems: 1,
  32. placeholder: 'від зупинки',
  33. closeAfterSelect: true,
  34. valueField: 'id',
  35. searchField: ['name', 'objects'],
  36. options: [
  37. <? foreach($result as $station): ?>
  38. {id: '<?= $station['id']?>' , name: '<?= addslashes($station['name'])?>', objects: '<?= addslashes($station['objects'])?>'},
  39. <? endforeach; ?>
  40. ],
  41. render: {
  42. item: function(item, escape) {
  43. return '<div class="selected-option">' +
  44. (item.name ? '<span class="name">' + escape(item.name) +'</span>' : '') +
  45. '</div>';
  46. },
  47. option: function(item, escape) {
  48. var name = item.name;
  49. var objects = item.objects;
  50. return '<div>' +
  51. '<span class="label">' + escape(name) + '</span>' +
  52. '<span class="caption">' + escape(objects) + '</span>' +
  53. '</div>';
  54. }
  55. }
  56. });
  57.  
  58. </script>
  59. </select>
  60.  
  61.  
  62.  
  63.  
  64.  
  65. <select id="pB" name="B[]"><label for="pB">Пункт Б: </label>
  66. <script>
  67. $('#pB').selectize({
  68. persist: false,
  69. create:false,
  70. highlight: true,
  71. maxItems: 1,
  72. placeholder: 'до зупинки',
  73. closeAfterSelect: true,
  74. valueField: 'id',
  75. searchField: ['name', 'objects'],
  76. options: [
  77. <? foreach($result as $station): ?>
  78. {id: '<?= $station['id']?>' , name: '<?= addslashes($station['name'])?>', objects: '<?= addslashes($station['objects'])?>'},
  79. <? endforeach; ?>
  80. ],
  81. render: {
  82. item: function(item, escape) {
  83. return '<div class="selected-option">' +
  84. (item.name ? '<span class="name">' + escape(item.name) +'</span>' : '') +
  85. '</div>';
  86. },
  87. option: function(item, escape) {
  88. var name = item.name;
  89. var objects = item.objects;
  90. return '<div>' +
  91. '<span class="label">' + escape(name) + '</span>' +
  92. '<span class="caption">' + escape(objects) + '</span>' +
  93. '</div>';
  94. }
  95. }
  96. });
  97.  
  98. </script>
  99. </select>
  100.  
  101. <button class="new">Знайти маршрут</button>
  102.  
  103. </form>
  104.  
  105. <script type="text/javascript" language="javascript">
  106. function call() {
  107. var msg = $('#abroute').serialize();
  108. $.ajax({
  109. type: 'POST',
  110. url: 'vtc/build_route_s.php',
  111. data: msg,
  112. success: function(data) {
  113. $('#results').html(data);
  114. },
  115. error: function(xhr, str){
  116. alert('Помилка: ' + xhr.responseCode);
  117. }
  118. });
  119.  
  120. }
  121. </script>
  122.  
  123. <div id="results" style="color:#fff;font-size:14px;"></div>
  124.  
  125.  
  126.  
  127. </div>
  128.  
  129.  
  130.  
  131. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement