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
<title>Zobrazení obsahu title po kliknutí</title> <h1>Zobrazení obsahu <code>title</code> po kliknutí</h1> <p> Doporučoval bych vytvořit web o <dfn title="něco jako kládoblah, ale trochu měkčí">fytopufu</dfn>. </p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
dfn[title] { border-bottom: 1px dotted; cursor: pointer; }
CSS
Autoformát
CSS reset
Až na konci
(function(){ function translate() { var translation = document.createElement("span"); translation.innerHTML = " (" + this.title + ")"; this.parentNode.insertBefore(translation, this.nextSibling); this.removeAttribute("title"); this.onclick = null; } var dfn = document.querySelectorAll("dfn"); for (var i = dfn.length; i--; ) { dfn[i].onclick = translate; } })();
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>