Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<h1>Ukázka kódu</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Integer malesuada. Fusce consectetuer risus a nunc. Aliquam erat volutpat. Nulla pulvinar eleifend sem. Morbi leo mi, nonummy eget tristique non, rhoncus non leo. Nullam sit amet magna in magna gravida vehicula. Etiam bibendum elit eget erat. Nullam at arcu a est sollicitudin euismod. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Nulla non lectus sed nisl molestie malesuada. Maecenas sollicitudin. Integer lacinia.</p> <p>Praesent id justo in neque elementum ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Aliquam ornare wisi eu metus. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Aenean id metus id velit ullamcorper pulvinar. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Suspendisse sagittis ultrices augue. Integer in sapien. Duis pulvinar. Etiam commodo dui eget wisi. Aliquam erat volutpat. Sed ac dolor sit amet purus malesuada congue. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna.</p> <p>Proin in tellus sit amet nibh dignissim sagittis. Nullam dapibus fermentum ipsum. Ut tempus purus at lorem. Etiam neque. Etiam posuere lacus quis dolor. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Donec vitae arcu. Nullam at arcu a est sollicitudin euismod. Fusce suscipit libero eget elit. Pellentesque arcu.</p> <p>Nulla quis diam. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Suspendisse nisl. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Nunc tincidunt ante vitae massa. Phasellus et lorem id felis nonummy placerat. Nullam dapibus fermentum ipsum. Aliquam ante. Integer lacinia. Etiam egestas wisi a erat. Nunc tincidunt ante vitae massa. Integer malesuada. Curabitur vitae diam non enim vestibulum interdum.</p> <p>Nam sed tellus id magna elementum tincidunt. Praesent id justo in neque elementum ultrices. Phasellus faucibus molestie nisl. Curabitur bibendum justo non orci. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Quisque porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam ornare wisi eu metus.</p> <section id="stranky"> <span id="predchozi"></span> • <span id="soucasny"></span> • <span id="dalsi"></span> </section>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
p { text-align: justify; } #stranky { text-align: center; }
CSS
Autoformát
CSS reset
Až na konci
// Získání čísla var url = window.location.pathname.replace(/\/+$/, ""); url = url.substr(url.lastIndexOf('/') + 1, url.lastIndexOf('.') - 1); var soucasny = parseInt(url); // Pro účely ukázky musím hodnotu nasimulovat, následující řádek ve skutečném kódu nebude soucasny = 2500; // Kalkulace předchozí a další hodnoty var predchozi = soucasny - 1; var dalsi = soucasny + 1; // Výplň (zde jsem použil jQuery, ale lze také použít vanilla query selector) $('#predchozi').html('<a href="' + predchozi + '.html">' + predchozi + ' «</a>'); $('#soucasny').html('<strong>' + soucasny + '</strong>'); $('#dalsi').html('<a href="' + dalsi + '.html">» ' + dalsi + '</a>');
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>