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> <button onclick="hlaska('Ahoj Světe', 5)">Hláška</button> <button onclick="hlaska('Ahoj Ječas.cz')">Hláška 2</button>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#hlaska {background: #DA3F94; color: #fff; position: absolute; width: 50%; top: 0; left: 50%; margin-left: -25%; padding: .5em; top: -3em; transition: top 1s} #hlaska.zobrazit {top: 0}
CSS
Autoformát
CSS reset
Až na konci
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) }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>