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="hlaska"></div> <img src="http://fakeimg.pl/250x100/" onclick="hlaska('muj text.')"> <script> function hlaska(text, vycistit) { var casovac; vycistit = (typeof vycistit === "undefined") ? 3 : vycistit; var h = document.getElementById("hlaska"); if (h.className == "zobrazit" && h.innerHTML == text) return; h.innerHTML = text; h.className = "zobrazit"; clearTimeout(casovac); casovac = setTimeout(function() { h.className = ""; }, vycistit * 1000) } </script>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#hlaska { position: absolute; right: 20px; top: 60px;} #hlaska {background: #8933F2; font-weight: bold; color: #000; position: absolute; width: 50%; top: 30%; left: 50%; margin-left: -25%; padding: 1em; top: -10em; transition: top 2s} #hlaska.zobrazit {top: 10%}
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>