Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div id="nacitani"></div> <div id="obsah"></div> <button onclick="nacist('/gwib-')">Načíst stránku</button>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#nacitani { visibility: hidden; width: 50px; height: 50px; -webkit-animation: tocit 1s infinite linear; animation: tocit 1s infinite linear; border-radius: 50%; border-bottom: 3px solid black; position: fixed; left: 50%; top: 0; margin-left: -25px; } @-webkit-keyframes tocit { to {-webkit-transform: rotate(360deg)} } @keyframes tocit { to {transform: rotate(360deg)} }
CSS
Autoformát
CSS reset
Až na konci
var nacitani = document.getElementById("nacitani"); var odesilaSe = false; var casovacAnimace; function nacist(url) { if (odesilaSe) return; odesilaSe = true; casovacAnimace = setTimeout(function() { nacitani.style.visibility = "visible"; }, 500); var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState == 4) { odesilaSe = false; clearTimeout(casovacAnimace); nacitani.style.visibility = "hidden"; // vypsaní obsahu; document.getElementById("obsah").innerHTML = xhr.responseText; } }; xhr.open('GET', url); xhr.send(); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>