Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
- <script src="http://test.you-city.pp.ua/vtc/js/selectize.js"></script>
- <head>
- <meta charset="UTF-8">
- </head>
- <body>
- <?php
- $servername = "p178984.mysql.ihc.ru";
- $username = "p178984_geojoml";
- $password = "VaeyE7QYYZ";
- $db = new PDO("mysql:host=$servername;dbname=p178984_geojoml", $username, $password);
- $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
- $db->exec("set names utf8");
- $sth = $db->prepare("SELECT id, name, objects FROM station");
- $sth->execute();
- $result = $sth->fetchAll();
- ?>
- <div class="search_panel">
- <form id="abroute" method="post" onsubmit="call()" action="javascript:void(null);">
- <select id="pA" name="A[]"> <label for="pA">Пункт А: </label>
- <script>
- $('#pA').selectize({
- persist: false,
- create:false,
- highlight: true,
- maxItems: 1,
- placeholder: 'від зупинки',
- closeAfterSelect: true,
- valueField: 'id',
- searchField: ['name', 'objects'],
- options: [
- <? foreach($result as $station): ?>
- {id: '<?= $station['id']?>' , name: '<?= addslashes($station['name'])?>', objects: '<?= addslashes($station['objects'])?>'},
- <? endforeach; ?>
- ],
- render: {
- item: function(item, escape) {
- return '<div class="selected-option">' +
- (item.name ? '<span class="name">' + escape(item.name) +'</span>' : '') +
- '</div>';
- },
- option: function(item, escape) {
- var name = item.name;
- var objects = item.objects;
- return '<div>' +
- '<span class="label">' + escape(name) + '</span>' +
- '<span class="caption">' + escape(objects) + '</span>' +
- '</div>';
- }
- }
- });
- </script>
- </select>
- <select id="pB" name="B[]"><label for="pB">Пункт Б: </label>
- <script>
- $('#pB').selectize({
- persist: false,
- create:false,
- highlight: true,
- maxItems: 1,
- placeholder: 'до зупинки',
- closeAfterSelect: true,
- valueField: 'id',
- searchField: ['name', 'objects'],
- options: [
- <? foreach($result as $station): ?>
- {id: '<?= $station['id']?>' , name: '<?= addslashes($station['name'])?>', objects: '<?= addslashes($station['objects'])?>'},
- <? endforeach; ?>
- ],
- render: {
- item: function(item, escape) {
- return '<div class="selected-option">' +
- (item.name ? '<span class="name">' + escape(item.name) +'</span>' : '') +
- '</div>';
- },
- option: function(item, escape) {
- var name = item.name;
- var objects = item.objects;
- return '<div>' +
- '<span class="label">' + escape(name) + '</span>' +
- '<span class="caption">' + escape(objects) + '</span>' +
- '</div>';
- }
- }
- });
- </script>
- </select>
- <button class="new">Знайти маршрут</button>
- </form>
- <script type="text/javascript" language="javascript">
- function call() {
- var msg = $('#abroute').serialize();
- $.ajax({
- type: 'POST',
- url: 'vtc/build_route_s.php',
- data: msg,
- success: function(data) {
- $('#results').html(data);
- },
- error: function(xhr, str){
- alert('Помилка: ' + xhr.responseCode);
- }
- });
- }
- </script>
- <div id="results" style="color:#fff;font-size:14px;"></div>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement