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 class="polozky"> <p> <button onclick="filtruj('html')">HTML</button> <button onclick="filtruj('css')">CSS</button> <button onclick="filtruj('odkazy')">Odkazy</button> <button onclick="filtruj('tabulky')">Tabulky</button> <button onclick="filtruj('seznamy')">Seznamy</button> <button onclick="filtruj('selektory')">Selektory</button> </p> <ul> <li class="html odkazy">a</li> <li class="css obrazky">background-image</li> <li class="css odkazy selektory">:link</li> <li class="css odkazy selektory">:visited</li> <li class="css selektory">:target</li> <li class="css selektory">:first-child</li> <li class="html tabulky">table</li> <li class="html tabulky">thead</li> <li class="html tabulky">tr</li> <li class="html seznamy">ul</li> <li class="html seznamy">dl</li> </ul> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function pridatCss(css) { var stylSkript = document.getElementById("styl-skript"); if (stylSkript) { stylSkript.parentNode.removeChild(stylSkript); } var pomocnyDiv = document.createElement('div'); pomocnyDiv.innerHTML = '<p>jen tak</p><style id="styl-skript">' + css + '</style>'; document.getElementsByTagName('head')[0].appendChild(pomocnyDiv.childNodes[1]); } function filtruj(trida) { pridatCss(".polozky li {display: none} .polozky ." + trida + " {display: list-item}"); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>