/* ======= PageTOC ======= historie: 1.0 - 15.9.2008, prvni vydani DYNAMICKY OBSAH STRANKY Script vlozi do stranky obsah, ktery je sestaveny z tagu H. Obsah muze byt zavirany kliknutim (vhodne pro plovouci obsah). Pokud stranka obsahuje jeden nebo zadny nadpis, obsah se nevytvori. NAVOD K POUZITI - Na stranku umistete prazdny DIV. - Po nacteni stranky spustte funkci insertTOC, napr.: ... vlozi obsah do DIVu s ID idobsah, a to tagy H1 az H8 - Paramtery funkce insertTOC: - id DIVu, do ktereho bude ulozen obsah - od ktereho H bude obsah vytvoren - do ktereho H bude obsah vytvoren - dalsi vlastnosti lze ovlivnit promennymi (viz kod); ty lze nastavit take z dokumentu, coz se muze hodit pro individualni nastaveni stranky STYLY V obsahu jsou pouzity tyto styly (kazdy radek je element P): tocHeader - nadpis tocH1, tocH2 atd. - polozky obsahu H1, H2... UKAZKA STYLU Zde je vyuzit atribu ID, kdy pomoci # je uvedeno ID DIVu, v kterem je obsah #toc {border-left-style:solid;border-left-width:1px;border-left-color:#000080} #toc p {font-size:9pt;margin-top:4pt;margin-bottom:4pt} #toc a {color:black;text-decoration:none} .tocH1 {font-weight:bold;} .tocH2 {margin-left:2em} .tocH3 {margin-left:4em} Pokud bychom chteli barvit kazdou uroven zvlast, musime modifikovat tag A pro kazdy tocHx, napr.: #toc a {text-decoration:none} .tocH1 a {color:Red; font-weight:bold;} .tocH2 a {color:Aqua; margin-left:2em} .tocH3 a {color:Green; margin-left:4em} POZNAMKY Napsano s podle http://www.quirksmode.org/dom/toc.html Zname problemy: Nefunguje s nekterymi starsimi non-IE prohlizeci; IE by mel pracovat od verze 5 (netestovano) */ var sShow = 'show page contents'; //zahlavi obsahu, pokud je obsah skryty, napr. 'show page contents' var sHide = 'hide page contents'; //zahlavi obsahu, pokud je obsah ukazany,napr. 'hide page contents' var bShowOnLoad = true; //zda se obsah ukaze po nacteni stranky var bActive = true; //pokud true, tak se po kliknuti obsah schova //hlavni funkce, ktera se vola z dokumentu function insertTOC(sDivId,nFrom,nTo) { var oToc = createTOC(nFrom,nTo); if(oToc) { //pokud je false, tak stranka nema nadpisy document.getElementById(sDivId).appendChild(oToc); } } //podle http://www.quirksmode.org/dom/toc.html function createTOC(nFrom, nTo) { //vytvorim hlavni DIV var oTocDiv = document.createElement('div'); oTocDiv.id = 'innertoc'; if((sHide + sShow).length) { //pokud je definovano zahlavi, vlozim jej var oHdr = oTocDiv.appendChild(document.createElement('p')); if(bActive) { //pokud je to povoleno, schova se po kliknuti oHdr.onclick = showhideTOC; } oHdr.id = 'contentheader'; oHdr.className = 'tocHeader'; oHdr.innerHTML = bShowOnLoad ? sHide : sShow; //text s oznamenim show/hide contents if (bActive) oHdr.style.cursor = 'pointer'; } //vytvorim DIV, var kterem jsou polozky obsahu var oListDiv = oTocDiv.appendChild(document.createElement('div')); oListDiv.onclick = bActive ? showhideTOC : null; //pokud se klikne na polozku obsahu, obsah se schova (je-li to povoleno) oListDiv.style.display = bShowOnLoad ? 'block' : 'none'; //obsah se zobrazi hned pri otevreni stranky (je-li to povoleno) //sestavim seznam tagu H, ktere budu zpracovavat var sHdrList = ''; for(var i=nFrom;i<=nTo;i++) { sHdrList = sHdrList + (sHdrList.length?',':'') + 'h' + i; } //ziskam setriden seznam tagu H var toBeTOCced = getElementsByTagNames(sHdrList); if (toBeTOCced.length < 2) return false; //obsah s jedinou polozkou nedelam //sestavim obsah for (var i=0;i