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 id="div1" onclick="ziskat(this);"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque finibus hendrerit risus eget vehicula. Etiam orci leo, rutrum id interdum sed, condimentum eget nunc. Integer scelerisque libero imperdiet vehicula venenatis. Duis efficitur </div> <div id="div2"> Aenean vel vestibulum magna, vel laoreet eros. In aliquet non lacus vel lobortis. Sed et venenatis dui. Praesent pharetra orci quis sollicitudin venenatis. Nullam venenatis sed est sit amet rhoncus. Suspendisse non urna vehicula, semper justo id, interdum dui. Nulla est ex, rutrum in euismod nec, luctus sed tellus. In a pellentesque tellus. Fusce ultrices mi id imperdiet pellentesque. Vivamus aliquam hendrerit lacus at varius. Nulla molestie risus pulvinar sem bibendum, sit amet facilisis urna dapibus. Quisque efficitur sapien sed diam efficitur aliquam. </div> <div id="div3"></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
#div1{ position: relative; width: 250px; float: left; margin-right: 20px; } #div2{ position: relative; } #div3{ border:1px solid black; clear:both; }
CSS
Autoformát
CSS reset
Až na konci
/* získáme výšku divů*/ var div1 = document.getElementById('div1').offsetHeight; var div2 = document.getElementById('div2').offsetHeight; /*porovnáme jejich výšku*/ var div3 = (div1 > div2) ? div1 : div2; /*výšku nastavíme divu3 */ document.getElementById('div3').style.height = div3+"px";
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>