API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 17th, 2019
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.76 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. $city1 = "Koszalin";
  3. $city2 = "Bialogard";
  4. $city3 = "Kolobrzeg";
  5.  
  6. $cities = ["Koszalin", "Bialogard" , "Kolobrzeg"];
  7.  
  8. ?>
  9.  
  10.  
  11.  
  12. <!DOCTYPE html>
  13. <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
  14. <head>
  15. <meta charset="UTF-8">
  16. <title>Metro</title>
  17. <script type="text/javascript" src="../js/bootstrap.min.js"></script>
  18. <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
  19. <link rel="stylesheet" type="text/css" href="styleKudy.css">
  20. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
  21. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  22. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
  23. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
  24.  
  25.  
  26. </head>
  27.  
  28. <body>
  29.  
  30. <script>
  31. function compareCity(){
  32. var city1 = $( "#exampleFormControlSelect1" ).val();
  33. var city2 = $( "#exampleFormControlSelect2" ).val();
  34. if(city1 === city2){
  35. alert('Ty dzbanie.');
  36. }
  37. else{
  38. document.getElementByID("compareButton").setAttribute("data-toggle", "collapse");
  39. document.getElementByID("compareButton").setAttribute("data-target", "#collapseExample");
  40. document.getElementByID("compareButton").setAttribute("aria-expanded", "false");
  41. document.getElementByID("compareButton").setAttribute("aria-controls", "collapseExample");
  42. }
  43. }
  44. }
  45. </script>
  46.  
  47. <div class="container-fluid">
  48. <div class="col-lg-6 offset-3 selectBox rounded border-dark">
  49. <div class="form-group stationSelect">
  50. <label for="exampleFormControlSelect1">Stacja początkowa:</label>
  51. <select class="form-control spacingForm" id="exampleFormControlSelect1">
  52. <option><?php echo $city1; ?></option>
  53. <option><?php echo $city2; ?></option>
  54. <option><?php echo $city3; ?></option>
  55. </select>
  56. <label for="exampleFormControlSelect1">Stacja końcowa:</label>
  57. <select class="form-control" id="exampleFormControlSelect2">
  58. <option><?php echo $city1; ?></option>
  59. <option><?php echo $city2; ?></option>
  60. <option><?php echo $city3; ?></option>
  61. </select>
  62. </div>
  63. <button type="button" id="compareButton" onclick="compareCity()" class="btn btn-secondary btn-lg buttonStation">Znajdź przejazd</button>
  64. </div>
  65. <div class="collapse" id="collapseExample">
  66. <div class="card card-body col-lg-6 offset-3 stationOutput">
  67. <div class="col-lg-12">
  68. <div class="list-group">
  69. <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
  70. <div class="d-flex w-100 justify-content-between">
  71. <h5 class="mb-1">Stacja XYZ</h5>
  72. <small>12:35</small>
  73. </div>
  74. <p class="mb-1">Przyjazd: 12:35 </br> Odjazd: 12:38</p>
  75. <small>Cena: 8.57 PLN</small>
  76. <button type="button" class="btn btn-dark buttonInfo" data-toggle="collapse" data-target="#multiCollapseExample1" aria-expanded="false" aria-controls="multiCollapseExample2">Szczegóły</button>
  77. <div class="collapse multi-collapse stationInfoSlide" id="multiCollapseExample1">
  78. <div class="card card-body">
  79. Przykładowy tekst : DDD
  80. </div>
  81. </div>
  82. </a>
  83. <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
  84. <div class="d-flex w-100 justify-content-between">
  85. <h5 class="mb-1">Stacja XYZ</h5>
  86. <small>12:35</small>
  87. </div>
  88. <p class="mb-1">Przyjazd: 12:35 </br> Odjazd: 12:38</p>
  89. <small>Cena: 8.57 PLN</small>
  90. <button type="button" class="btn btn-dark buttonInfo" data-toggle="collapse" data-target="#multiCollapseExample2" aria-expanded="false" aria-controls="multiCollapseExample2">Szczegóły</button>
  91. <div class="collapse multi-collapse stationInfoSlide" id="multiCollapseExample2">
  92. <div class="card card-body">
  93. Przykładowy tekst : DDD
  94. </div>
  95. </div>
  96. </a>
  97. <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
  98. <div class="d-flex w-100 justify-content-between">
  99. <h5 class="mb-1">Stacja XYZ</h5>
  100. <small>12:35</small>
  101. </div>
  102. <p class="mb-1">Przyjazd: 12:35 </br> Odjazd: 12:38</p>
  103. <small>Cena: 8.57 PLN</small>
  104. <button type="button" class="btn btn-dark buttonInfo" data-toggle="collapse" data-target="#multiCollapseExample3" aria-expanded="false" aria-controls="multiCollapseExample2">Szczegóły</button>
  105. <div class="collapse multi-collapse stationInfoSlide" id="multiCollapseExample3">
  106. <div class="card card-body">
  107. Przykładowy tekst : DDD
  108. </div>
  109. </div>
  110. </a>
  111. <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
  112. <div class="d-flex w-100 justify-content-between">
  113. <h5 class="mb-1">Stacja XYZ</h5>
  114. <small>12:35</small>
  115. </div>
  116. <p class="mb-1">Przyjazd: 12:35 </br> Odjazd: 12:38</p>
  117. <small>Cena: 8.57 PLN</small>
  118. <button type="button" class="btn btn-dark buttonInfo" data-toggle="collapse" data-target="#multiCollapseExample3" aria-expanded="false" aria-controls="multiCollapseExample2">Szczegóły</button>
  119. <div class="collapse multi-collapse stationInfoSlide" id="multiCollapseExample3">
  120. <div class="card card-body">
  121. Przykładowy tekst : DDD
  122. </div>
  123. </div>
  124. </a>
  125.  
  126.  
  127. </div>
  128. </div>
  129.  
  130. </div>
  131. </div>
  132.  
  133.  
  134.  
  135.  
  136.  
  137. </body>
  138. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!