Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- $city1 = "Koszalin";
- $city2 = "Bialogard";
- $city3 = "Kolobrzeg";
- $cities = ["Koszalin", "Bialogard" , "Kolobrzeg"];
- ?>
- <!DOCTYPE html>
- <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
- <head>
- <meta charset="UTF-8">
- <title>Metro</title>
- <script type="text/javascript" src="../js/bootstrap.min.js"></script>
- <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
- <link rel="stylesheet" type="text/css" href="styleKudy.css">
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
- </head>
- <body>
- <script>
- function compareCity(){
- var city1 = $( "#exampleFormControlSelect1" ).val();
- var city2 = $( "#exampleFormControlSelect2" ).val();
- if(city1 === city2){
- alert('Ty dzbanie.');
- }
- else{
- document.getelementbyID('collapseExample').collapse("show");
- document.getElementByID("compareButton").setAttribute("data-toggle", "collapse");
- document.getElementByID("compareButton").setAttribute("data-target", "#collapseExample");
- document.getElementByID("compareButton").setAttribute("aria-expanded", "false");
- document.getElementByID("compareButton").setAttribute("aria-controls", "collapseExample");
- }
- }
- </script>
- <div class="container-fluid">
- <div class="col-lg-6 offset-3 selectBox rounded border-dark">
- <div class="form-group stationSelect">
- <label for="exampleFormControlSelect1">Stacja początkowa:</label>
- <select class="form-control spacingForm" id="exampleFormControlSelect1">
- <option><?php echo $city1; ?></option>
- <option><?php echo $city2; ?></option>
- <option><?php echo $city3; ?></option>
- </select>
- <label for="exampleFormControlSelect1">Stacja końcowa:</label>
- <select class="form-control" id="exampleFormControlSelect2">
- <option><?php echo $city1; ?></option>
- <option><?php echo $city2; ?></option>
- <option><?php echo $city3; ?></option>
- </select>
- </div>
- <button type="button" id="compareButton" onclick="compareCity()" class="btn btn-secondary btn-lg buttonStation">Znajdź przejazd</button>
- </div>
- <div class="collapse" id="collapseExample">
- <div class="card card-body col-lg-6 offset-3 stationOutput">
- <div class="col-lg-12">
- <div class="list-group">
- <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
- <div class="d-flex w-100 justify-content-between">
- <h5 class="mb-1">Stacja XYZ</h5>
- <small>12:35</small>
- </div>
- <p class="mb-1">Przyjazd: 12:35 </br> Odjazd: 12:38</p>
- <small>Cena: 8.57 PLN</small>
- <button type="button" class="btn btn-dark buttonInfo" data-toggle="collapse" data-target="#multiCollapseExample1" aria-expanded="false" aria-controls="multiCollapseExample2">Szczegóły</button>
- <div class="collapse multi-collapse stationInfoSlide" id="multiCollapseExample1">
- <div class="card card-body">
- Przykładowy tekst : DDD
- </div>
- </div>
- </a>
- <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
- <div class="d-flex w-100 justify-content-between">
- <h5 class="mb-1">Stacja XYZ</h5>
- <small>12:35</small>
- </div>
- <p class="mb-1">Przyjazd: 12:35 </br> Odjazd: 12:38</p>
- <small>Cena: 8.57 PLN</small>
- <button type="button" class="btn btn-dark buttonInfo" data-toggle="collapse" data-target="#multiCollapseExample2" aria-expanded="false" aria-controls="multiCollapseExample2">Szczegóły</button>
- <div class="collapse multi-collapse stationInfoSlide" id="multiCollapseExample2">
- <div class="card card-body">
- Przykładowy tekst : DDD
- </div>
- </div>
- </a>
- <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
- <div class="d-flex w-100 justify-content-between">
- <h5 class="mb-1">Stacja XYZ</h5>
- <small>12:35</small>
- </div>
- <p class="mb-1">Przyjazd: 12:35 </br> Odjazd: 12:38</p>
- <small>Cena: 8.57 PLN</small>
- <button type="button" class="btn btn-dark buttonInfo" data-toggle="collapse" data-target="#multiCollapseExample3" aria-expanded="false" aria-controls="multiCollapseExample2">Szczegóły</button>
- <div class="collapse multi-collapse stationInfoSlide" id="multiCollapseExample3">
- <div class="card card-body">
- Przykładowy tekst : DDD
- </div>
- </div>
- </a>
- <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
- <div class="d-flex w-100 justify-content-between">
- <h5 class="mb-1">Stacja XYZ</h5>
- <small>12:35</small>
- </div>
- <p class="mb-1">Przyjazd: 12:35 </br> Odjazd: 12:38</p>
- <small>Cena: 8.57 PLN</small>
- <button type="button" class="btn btn-dark buttonInfo" data-toggle="collapse" data-target="#multiCollapseExample3" aria-expanded="false" aria-controls="multiCollapseExample2">Szczegóły</button>
- <div class="collapse multi-collapse stationInfoSlide" id="multiCollapseExample3">
- <div class="card card-body">
- Przykładowy tekst : DDD
- </div>
- </div>
- </a>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement