|
|
|
@ -4,15 +4,48 @@ |
|
|
|
<meta charset="UTF-8"> |
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> |
|
|
|
<title>API</title> |
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> <title>API</title> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div id="mista">asdasdas</div> |
|
|
|
|
|
|
|
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" |
|
|
|
aria-hidden="true"> |
|
|
|
<div class="modal-dialog" role="document"> |
|
|
|
<div class="modal-content"> |
|
|
|
<div class="modal-header"> |
|
|
|
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5> |
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|
|
|
<span aria-hidden="true">×</span> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
<div class="modal-body"> |
|
|
|
<div id="mista"></div> |
|
|
|
</div> |
|
|
|
<div class="modal-footer"> |
|
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Zavřít</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<h1>Volba Dopravy</h1> |
|
|
|
<ul class="list-group"> |
|
|
|
<li class="list-group-item"> |
|
|
|
<input type="radio" name="volba" id="posta"> <label for="posta">Česká pošta</label> |
|
|
|
</li> |
|
|
|
<li class="list-group-item"> |
|
|
|
<input type="radio" name="volba" id="ppl"> <label for="ppl">PPL</label> |
|
|
|
</li> |
|
|
|
<li class="list-group-item"> |
|
|
|
<input type="radio" name="volba" id="osobni"> <label data-toggle="modal" data-target="#exampleModal" for="osobni">Osobní odběr <span id="misto"></span></label> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> |
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script> |
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> |
|
|
|
<script> |
|
|
|
$.ajax({ |
|
|
|
dataType:"json", |
|
|
|
@ -25,7 +58,18 @@ |
|
|
|
console.log(data); |
|
|
|
for (let index = 0; index < data.length; index++) { |
|
|
|
const item = data[index]; |
|
|
|
$("#mista").append("<p>" + item.name + "</p>") |
|
|
|
$("#mista").append("<input data-nazev='"+ item.name + "' type='radio' name='mista' id='misto" + item.id + "'> <label for='misto" + item.id + "'>" + item.name + "</label><br>") |
|
|
|
} |
|
|
|
let radia = document.querySelectorAll("input[name='mista']"); |
|
|
|
for (let index = 0; index < radia.length; index++) { |
|
|
|
const element = radia[index]; |
|
|
|
element.addEventListener("change", function() { |
|
|
|
console.log(this); |
|
|
|
$("#misto").html($(this).data("nazev")); |
|
|
|
$('#exampleModal').modal('hide') |
|
|
|
|
|
|
|
|
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
.fail(function(){ |
|
|
|
|
