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="clanky"> </div> <div id="content"> </div> <script> var stranky = { "url-prvni": {nadpis: "První stránka", popis: "Popis první stránky.", obsah: "<p>Dlouhý <b>obsah</b>.</p>"}, "url-druha": {nadpis: "Druhá stránka", popis: "Popis <b>druhé</b> stránky.", obsah: "<p>Dlouhý <b>obsah 2</b>.</p>"} }; </script>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function vsechnyClanky() { var vystup = "<h1>Stránky</h1>"; for (stranka in stranky) { vystup += "<h2><a href='javascript:zobrazitStranku(\"" + stranka + "\")'>" + stranky[stranka].nadpis + "</a></h2>"; }; document.getElementById("clanky").innerHTML = vystup; } function zobrazitStranku(url) { document.title = stranky[url].nadpis; document.getElementById('content').innerHTML = "<h1>" + stranky[url].nadpis + "</h1><p>" + stranky[url].popis + "</p>" + stranky[url].obsah; } vsechnyClanky();
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>