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 style="width: 70px; height: 100px"><button onclick="prohodit(this)">Prohodit</button></div> <div style="width: 150px; height: 120px"><button onclick="prohodit(this)">Prohodit</button></div> <div style="width: 130px; height: 60px"><button onclick="prohodit(this)">Prohodit</button></div> <div style="width: 90px; height: 80px"><button onclick="prohodit(this)">Prohodit</button></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
div {background: yellow; float: left; margin: .1em}
CSS
Autoformát
CSS reset
Až na konci
function prohodit(el) { var puvodniSirka = el.parentNode.style.width; el.parentNode.style.width = el.parentNode.style.height; el.parentNode.style.height = puvodniSirka; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>