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
<p id="pokus"> Tady text, slova, věty, souvětí, odstavce... Toto všechno si nastavíme pěkně sami těma čudlíkama dole. Tak s chutí do toho, půl je hotovo !! <form> <input type="radio" name="s" value="cudlik1" id="cudlik1">Curier <br> <input type="radio" name="s" value="cudlik2" id="cudlik2">Georgia <br> <input type="radio" name="s" value="cudlik3" id="cudlik3">Verdana <br> <input id="cudlik7" type="checkbox" value="cudlik7"> žlutý odst. 440px nastřed <br>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.odst2 { width: 440px; padding: 6px; margin-left: auto; margin-right: auto; background-color: gold; } .ps { border: 5px solid blue; } .ge { border: 5px solid red; } .ve { border: 5px solid green; }
CSS
Autoformát
CSS reset
Až na konci
var pokus = document.getElementById('pokus'); var c1 = document.getElementById('cudlik1'); var c2 = document.getElementById('cudlik2'); var c3 = document.getElementById('cudlik3'); var c7 = document.getElementById('cudlik7'); c1. onchange = function() { pokus.className = !this.checked ? pokus.className.replace(/(^| )ps($| )/, '$2') : pokus.className + ' ps'; } c2. onchange = function() { pokus.className = !this.checked ? pokus.className.replace(/(^| )ge($| )/, '') : pokus.className + ' ge'; } c3. onchange = function() { pokus.className = !this.checked ? pokus.className.replace(/(^| )ve($| )/, '$2') : pokus.className + ' ve'; } c7. onchange = function() { pokus.className = !this.checked ? pokus.className.replace(/(^| )odst2($| )/, '$2') : pokus.className + ' odst2'; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>