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
<title>drobky javascriptem</title> <Breadcrumbs id="drobky"></Breadcrumbs>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var strom = { 'pojmy' : { 'label':'Základní pojmy'}, 'antena' : { 'label':'Anténa', 'parent':'pojmy'}, 'impedance' : { 'label':'Impedance', 'parent':'pojmy'}, 'antenni_faktor' : { 'label':'Anténní faktor', 'parent':'impedance'} } var drobky = document.getElementById('drobky'); function breadcrumbs(id, noreset) { if(typeof noreset == 'undefined') { drobky.innerHTML=''; } if(strom[id] && strom[id]['label']) { if(strom[id]['parent']) { breadcrumbs(strom[id]['parent'], true); var span = document.createElement('span'); span.textContent = ' > '; drobky.appendChild(span); } var anchor = document.createElement('a'); anchor.textContent = strom[id]['label']||'?'; anchor.href = '#'+encodeURIComponent(id); anchor.onclick = strom[id]['onlick'] || load; drobky.appendChild(anchor); } } function load() { if(this && this.hash) { breadcrumbs(this.hash.substring(1)); } } breadcrumbs('antenni_faktor');
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>