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
<a href="http://djpw.cz" onclick="return potvrdit('Opravdu?', this)">Přejít na DJPW</a>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.confirm { position: fixed; width: 200px; height: 50px; padding: 1em; background: #0D6AB7; color: #fff; display: none; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
CSS
Autoformát
CSS reset
Až na konci
var potvrdit = function(text, el) { var cover = document.createElement("div"); cover.className = "confirm"; cover.style.display = "block"; var content = document.createElement("div"); content.innerHTML = text; var ok = document.createElement("button"); ok.innerHTML = "Ano"; var cancel = document.createElement("button"); cancel.innerHTML = "Zrušit"; cancel.onclick = function() { cover.style.display = ""; }; ok.onclick = function() { el.onclick = null; el.click(); }; cover.appendChild(content); cover.appendChild(ok); cover.appendChild(cancel); document.body.appendChild(cover); return false; };
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>