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('Hláška novou funkcí <code>hlaska</code>', 5)">Funkce hláška</button> <button onclick="alert('Hláška, která přepisuje <code>window.alert</code>')">Přepsaný <code>alert</code></button> <button onclick="puvodniAlert('Hláška standardním <code>alert</code>em uloženým do proměnné.')">Původní <code>alert</code></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) } var puvodniAlert = window.alert; window.alert = hlaska;
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>