Scortes - jQuery, AJAX integration
<html lang=cs><head><meta charset=utf-8 /></head><body> | |
<ul class="teams"> | |
<li><a href='https://scortes.rozpisyzapasu.cz/api/533A1A/2015/Morašice/status.html'>Muži</a></li> | |
<li><a href='https://scortes.rozpisyzapasu.cz/api/530C2B/2015/H. Újezd/Morašice/status.html'>Dorost</a></li> | |
<li><a href='https://scortes.rozpisyzapasu.cz/api/533E2A/2015/Morašice/status.html'>Žáci</a></li> | |
</ul> | |
<div id="scortes"></div> | |
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> | |
<script> | |
(function() { | |
preloadFirstTeam(); | |
loadResultsOnClick(); | |
function preloadFirstTeam() { | |
loadResults($('.teams li:first-child a')); | |
} | |
function loadResultsOnClick() { | |
$('.teams a').click(function(e) { | |
e.preventDefault(); | |
loadResults($(this)); | |
}); | |
} | |
function loadResults(link) { | |
var url = link.attr('href'); | |
$.get(url).then(function (data) { | |
$('#scortes').html(data); | |
}).fail(function () { | |
alert('Výsledky se nepodařilo načíst'); | |
}); | |
} | |
}()); | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment