45 |
kakl |
1 |
// History: |
300 |
kaklik |
2 |
// Oprava parametrů obrázku v hlavičce, oprava odkazu na stránku údržby |
147 |
miho |
3 |
// Doplněna detekce jazyka dokumentu (ve značce body) |
|
|
4 |
// Předěláno na jinou strukturu adresářů, doplněno poukování odkazů |
|
|
5 |
// Oprava regulárního výrazu tak, aby nekazil odkaz Nahoru v patičce |
|
|
6 |
// Změna kódování na UTF-8 |
311 |
miho |
7 |
// Doplněno automatické generování obsahu |
45 |
kakl |
8 |
|
147 |
miho |
9 |
var RelPath=""; // Proměnná pro uložení relativní cesty k rootu webu |
|
|
10 |
// Všechny cesty v tomto skriptu pak mají být cestami od |
|
|
11 |
// rootu webu (například Web/PIC/MLAB.ico) |
45 |
kakl |
12 |
|
|
|
13 |
function Test() |
147 |
miho |
14 |
// Testovací funkce pro ladění |
45 |
kakl |
15 |
{ |
|
|
16 |
with (document) |
|
|
17 |
{ |
|
|
18 |
var Info; |
|
|
19 |
// Test |
147 |
miho |
20 |
// Užitečné: document.URL (cesta a jméno souboru stránky) |
45 |
kakl |
21 |
write('<p class="MenuText Small">'); |
|
|
22 |
write('document language '+DocLang()); |
|
|
23 |
write('</p>'); |
|
|
24 |
write('<p class="MenuText Small">'); |
|
|
25 |
write('document language '+navigator.appVersion); |
|
|
26 |
write('</p>'); |
|
|
27 |
write('<p class="MenuText Small">'); |
|
|
28 |
write('document language '+document.body.lang); |
|
|
29 |
write('</p>'); |
|
|
30 |
write('<p class="MenuText Small">'); |
|
|
31 |
write('navigator language '+navigator.language); // FF ano, IE6 ne |
|
|
32 |
write('</p>'); |
|
|
33 |
} |
|
|
34 |
} |
|
|
35 |
|
|
|
36 |
|
|
|
37 |
function DocLang() |
147 |
miho |
38 |
// Vrací zkratku jazyka stránky ( cs en ) |
|
|
39 |
// Není-li v dokumentu uvedená vrací en |
45 |
kakl |
40 |
{ |
|
|
41 |
var s; |
|
|
42 |
s=document.body.lang.toLowerCase(); |
147 |
miho |
43 |
if(s=="cs") return "cs"; // To by mě zajímalo proč je čeština cs a ne cz |
|
|
44 |
if(s=="sk") return "cs"; // Pro slováky bude asi čeština vhodnější |
|
|
45 |
return "en"; // Pro všechny ostatní dáme angličtinu |
45 |
kakl |
46 |
} |
|
|
47 |
|
|
|
48 |
|
|
|
49 |
function SetRelativePath(Path) |
147 |
miho |
50 |
// Nastaví relativní část cesty tak, abychom se dostali k rootu webu |
|
|
51 |
// Například pro stránky v adresáři "Web" je tento parametr "../" |
45 |
kakl |
52 |
{ |
147 |
miho |
53 |
// Zapamatuji si relativní cestu |
45 |
kakl |
54 |
RelPath=Path; |
147 |
miho |
55 |
// Případně doplním na konec lomítko |
45 |
kakl |
56 |
if (RelPath.length!=0) |
|
|
57 |
if (RelPath.charAt(RelPath.length-1)!='/') |
|
|
58 |
RelPath+='/'; |
|
|
59 |
} |
|
|
60 |
|
|
|
61 |
|
|
|
62 |
function PokeRelativePath(Content) |
147 |
miho |
63 |
// Vezme řetězec a doplní v něm všechny odkazy o relativní část cesty |
45 |
kakl |
64 |
{ |
54 |
miho |
65 |
Content=(Content.replace(/(\s+href=[\"\'])([^#])/ig,'$1'+RelPath+'$2')); |
|
|
66 |
Content=(Content.replace(/(\s+src=[\"\'])([^#])/ig,'$1'+RelPath+'$2')); |
45 |
kakl |
67 |
return Content; |
|
|
68 |
} |
|
|
69 |
|
|
|
70 |
|
|
|
71 |
function DrawHeader(MoreInfo) |
|
|
72 |
// Nepovinny parametr udava nadpis stranky |
|
|
73 |
// Neni-li uveden bere se text ze znacky title dokumentu |
|
|
74 |
{ |
147 |
miho |
75 |
// Proměnná pro vznikající vkládaný obsah |
45 |
kakl |
76 |
var Content=""; |
|
|
77 |
// Default informace pokud je parametr nezadany |
|
|
78 |
if(MoreInfo==undefined) MoreInfo=document.title; |
|
|
79 |
// Vlozeni HTML kodu |
|
|
80 |
Content+='<div class="InnerHeader"> '; |
|
|
81 |
if (DocLang()=="cs") |
147 |
miho |
82 |
{ // český text |
209 |
miho |
83 |
Content+='<a href="index.cs.html" title="Domů"><span class="HeaderLogo">MLAB</span><img src="Web/PIC/MLAB_online.gif" alt="MLAB Logo"></a>'; |
45 |
kakl |
84 |
} |
|
|
85 |
else |
|
|
86 |
{ // English text |
209 |
miho |
87 |
Content+='<a href="index.en.html" title="Home"><span class="HeaderLogo">MLAB</span><img src="Web/PIC/MLAB_online.gif" alt="MLAB Logo"></a>'; |
45 |
kakl |
88 |
} |
|
|
89 |
Content+='<span class="HeaderText">'+MoreInfo+'</span>'; |
|
|
90 |
Content+='</div> '; |
|
|
91 |
// Korekce cest v odkazech |
|
|
92 |
Content=PokeRelativePath(Content); |
147 |
miho |
93 |
// Výstup sestaveného textu |
45 |
kakl |
94 |
document.write(Content); |
|
|
95 |
} |
|
|
96 |
|
|
|
97 |
|
|
|
98 |
function DrawMenu(MoreInfo) |
|
|
99 |
// Nepovinny parametr udava nazev menu |
|
|
100 |
// Neni-li uveden dava se text Menu |
|
|
101 |
{ |
147 |
miho |
102 |
// Proměnná pro vznikající vkládaný obsah |
45 |
kakl |
103 |
var Content=""; |
|
|
104 |
// Default text |
|
|
105 |
if(MoreInfo==undefined) MoreInfo="Menu"; |
|
|
106 |
// Vlastni menu |
|
|
107 |
Content+='<div class="InnerMenu">'; |
|
|
108 |
Content+=' <div class="Navigation">'; |
|
|
109 |
Content+=' <div class="MenuText">'; |
|
|
110 |
Content+= MoreInfo; |
|
|
111 |
Content+=' </div>'; |
|
|
112 |
if (DocLang()=="cs") |
147 |
miho |
113 |
{ // český text |
334 |
miho |
114 |
// POZOR: Při změně nutno zkontrolovat soubor index.cs.html |
45 |
kakl |
115 |
Content+='<ul>'; |
147 |
miho |
116 |
Content+=' <li> <a href="index.cs.html" title="Domů">Home</a> </li>'; |
195 |
miho |
117 |
Content+=' <li> <a href="Web/Articles.cs.html" title="Články, informace">Články</a> </li>'; |
147 |
miho |
118 |
Content+=' <li> <a href="Web/Modules.cs.html" title="Jednotlivé moduly MLAB">Moduly</a> </li>'; |
195 |
miho |
119 |
Content+=' <li> <a href="Web/Designs.cs.html" title="Samostatné konstrukce">Konstrukce</a> </li>'; |
117 |
miho |
120 |
Content+=' <li> <a href="Web/News.cs.html" title="Novinky">Novinky</a> </li>'; |
353 |
kaklik |
121 |
Content+=' <li> <a href= "http://www.mlab.cz/photogallery/" title="Galerie fotografií">Fotogalerie</a> </li>'; |
147 |
miho |
122 |
Content+=' <li> <a href="Web/Downloads.cs.html" title="Ke stažení">Download</a> </li>'; |
336 |
miho |
123 |
Content+=' <li> <a href= "http://www.mlab.cz/WebSVN/listing.php?repname=MLAB&path=%2F&sc=0&langchoice=Česky" title="Webový přístup do databáze SVN">WebSVN</a> </li>'; |
338 |
miho |
124 |
Content+=' <li> <a href= "http://www.mlab.cz/Forum/" title="Forum uživatelů a autorů">Forum</a> </li>'; |
209 |
miho |
125 |
Content+=' <li> <a href="Web/Maintenance.cs.html" title="Stránka údržby webu">Údržba</a> </li>'; |
71 |
miho |
126 |
Content+=' <li> <a href="Web/About.cs.html" title="O webu, stavebnici MLAB atd.">O projektu</a> </li>'; |
45 |
kakl |
127 |
Content+='</ul>'; |
|
|
128 |
} |
|
|
129 |
else |
|
|
130 |
{ // English text |
334 |
miho |
131 |
// POZOR: Při změně nutno zkontrolovat soubor index.en.html |
45 |
kakl |
132 |
Content+='<ul>'; |
117 |
miho |
133 |
Content+=' <li> <a href="index.en.html" title="Home">Home</a> </li>'; |
195 |
miho |
134 |
Content+=' <li> <a href="Web/Articles.en.html" title="Articles and other Texts">Articles</a></i>'; |
71 |
miho |
135 |
Content+=' <li> <a href="Web/Modules.en.html" title="Individual MLAB Modules">Modules</a> </li>'; |
195 |
miho |
136 |
Content+=' <li> <a href="Web/Designs.en.html" title="Independed Designs">Designs</a> </li>'; |
117 |
miho |
137 |
Content+=' <li> <a href="Web/News.en.html" title="News">News</a> </li>'; |
353 |
kaklik |
138 |
Content+=' <li> <a href= "http://www.mlab.cz/photogallery/" title="Photo Gallery">Photogallery</a> </li>'; |
87 |
kaklik |
139 |
Content+=' <li> <a href="Web/Downloads.en.html" title="For download">Downloads</a> </li>'; |
336 |
miho |
140 |
Content+=' <li> <a href= "http://www.mlab.cz/WebSVN/listing.php?repname=MLAB&path=%2F&sc=0&langchoice=English" title="Web interface to SVN database">WebSVN</a> </li>'; |
338 |
miho |
141 |
Content+=' <li> <a href= "http://www.mlab.cz/Forum/" title="Forum MLAB">Forum</a> </li>'; |
209 |
miho |
142 |
Content+=' <li> <a href="Web/Maintenance.en.html" title="Maintenance page">Maintenance</a> </li>'; |
71 |
miho |
143 |
Content+=' <li> <a href="Web/About.en.html" title="About Project">About</a> </li>'; |
45 |
kakl |
144 |
Content+='</ul>'; |
|
|
145 |
} |
|
|
146 |
Content+=' </div>'; |
|
|
147 |
Content+='</div> '; |
|
|
148 |
// Korekce cest v odkazech |
|
|
149 |
Content=PokeRelativePath(Content); |
147 |
miho |
150 |
// Výstup sestaveného textu |
45 |
kakl |
151 |
document.write(Content); |
|
|
152 |
} |
|
|
153 |
|
|
|
154 |
|
|
|
155 |
function DrawFooter(MoreInfo) |
|
|
156 |
// Nepovinny parametr pro text do paticky |
|
|
157 |
{ |
147 |
miho |
158 |
// Proměnná pro vznikající vkládaný obsah |
45 |
kakl |
159 |
var Content=""; |
|
|
160 |
// Default text je prazdny |
|
|
161 |
if(MoreInfo==undefined) MoreInfo=""; |
|
|
162 |
// Vlozeni HTML kodu |
|
|
163 |
Content+='<div class="InnerFooter">'; |
147 |
miho |
164 |
Content+=' '; // ústupek IE6 (chyba výpočtu šířky při nenulovém paddingu ) |
45 |
kakl |
165 |
if (DocLang()=="cs") |
147 |
miho |
166 |
{ // český text |
45 |
kakl |
167 |
Content+='<a href="#">Nahoru</a> '; |
|
|
168 |
Content+='<a href="Web/Copyright.cs.html">Copyright</a> © '; |
147 |
miho |
169 |
Content+='<a href="Web/AboutAuthors.cs.html">Autoři MLAB</a> '; |
45 |
kakl |
170 |
} |
|
|
171 |
else |
|
|
172 |
{ // English text |
54 |
miho |
173 |
Content+='<a href="#">Up</a> '; |
45 |
kakl |
174 |
Content+='<a href="Web/Copyright.en.html">Copyright</a> © '; |
|
|
175 |
Content+='<a href="Web/AboutAuthors.en.html">MLAB Authors</a> '; |
|
|
176 |
} |
|
|
177 |
Content+='['+document.lastModified+'] '; |
|
|
178 |
Content+=MoreInfo; |
|
|
179 |
Content+='</div>'; |
|
|
180 |
// Korekce cest v odkazech |
|
|
181 |
Content=PokeRelativePath(Content); |
147 |
miho |
182 |
// Výstup sestaveného textu |
45 |
kakl |
183 |
document.write(Content); |
|
|
184 |
} |
311 |
miho |
185 |
|
|
|
186 |
|
|
|
187 |
//============================================= |
|
|
188 |
// Automatické generování obsahu |
|
|
189 |
// |
|
|
190 |
// Ke každé značce s class="PutTocHere x" vygeneruje obsah |
|
|
191 |
// s hloubkou x nadpisů (defaultně 2 úrovně) |
|
|
192 |
|
|
|
193 |
|
|
|
194 |
function tocGetText(obj) |
|
|
195 |
// Vrať řetězec s obsahem elementu |
|
|
196 |
{ |
|
|
197 |
var str="" |
|
|
198 |
for (var i=0;i < obj.childNodes.length;i++) |
|
|
199 |
{ |
|
|
200 |
if (obj.childNodes[i].nodeType==1) // ELEMENT_NODE |
|
|
201 |
str += tocGetText(obj.childNodes[i]) |
|
|
202 |
else if (obj.childNodes[i].nodeType==3) // TEXT_NODE |
|
|
203 |
str += obj.childNodes[i].data |
|
|
204 |
} |
|
|
205 |
return str |
|
|
206 |
} |
|
|
207 |
|
|
|
208 |
var tocGlobalContext=0 // pro unikátní kotvy ve značce <a> |
|
|
209 |
|
|
|
210 |
function tocHeaders(el,obj,depth) |
|
|
211 |
// Proleze hierarchickou strukturu a najde vsechny nadpisy |
|
|
212 |
// do zadané úrovně včetně. |
|
|
213 |
{ |
|
|
214 |
var tagList = "H1;H2;H3;H4;H5;H6;H7;" |
|
|
215 |
if (tagList.indexOf(obj.tagName+";")>=0) // je to nadpis |
|
|
216 |
if (obj.tagName.charAt(1)<=depth) // úroveň nadpisu |
|
|
217 |
{ |
|
|
218 |
// Vytvoř položku seznamu |
|
|
219 |
var eLI = document.createElement("li") // položka seznamu |
|
|
220 |
var eA = document.createElement("a") // uvnitř link |
|
|
221 |
var eLIText = document.createTextNode(tocGetText(obj)) // uvnitř text |
|
|
222 |
eLI.className="Toc" + obj.tagName // úroveň nadpisu do class |
|
|
223 |
eA.href="#_Toc_"+tocGlobalContext // cíl odkazu |
|
|
224 |
eA.appendChild(eLIText) // vlož text do odkazu |
|
|
225 |
eLI.appendChild(eA) // vlož odkaz do položky seznamu |
|
|
226 |
el.appendChild(eLI) // vlož položku seznamu do seznamu |
|
|
227 |
|
|
|
228 |
// Přidej k nadpisu kotvu (znackou <a>) |
|
|
229 |
var anchor=document.createElement("a") |
|
|
230 |
anchor.id="_Toc_"+tocGlobalContext++ // unikátní jména kotev |
|
|
231 |
obj.appendChild(anchor) // přidej kotvu k nadpisu |
|
|
232 |
} |
|
|
233 |
for (var i=0;i < obj.childNodes.length;i++) // rekurze |
|
|
234 |
if (obj.childNodes[i].nodeType==1) |
|
|
235 |
tocHeaders(el,obj.childNodes[i],depth) |
|
|
236 |
} |
|
|
237 |
|
|
|
238 |
|
|
|
239 |
function tocPutToc(objToc) |
|
|
240 |
// Rekurzivně projdi strom dokumentu a na všechna místa kam patří |
|
|
241 |
// vlož seznam. Místo je ozačeno značkou s id="PutTocHere". |
|
|
242 |
// Volitelně může být uveden parametr Class="x", kde x udává hloubku |
|
|
243 |
// zpracovávaných nadpisů. |
|
|
244 |
{ |
|
|
245 |
var cl=objToc.className.split(" ") // vezmi class a rozděl ho na slova |
|
|
246 |
if (cl[0].toUpperCase()=="PutTocHere".toUpperCase()) |
|
|
247 |
{ |
|
|
248 |
var depth=2 // default hodnota hloubky |
|
|
249 |
for (var i=1;i<cl.length;i++) |
|
|
250 |
{ |
|
|
251 |
if (cl[i]!="") // preskoč prázdné položky (IE6) |
|
|
252 |
{ |
|
|
253 |
depth=cl[i] // byla zadána i druhá hodnota |
|
|
254 |
break |
|
|
255 |
} |
|
|
256 |
} |
|
|
257 |
|
|
|
258 |
var toc = document.createElement("ul") // Toc je nečíslovaný seznam |
|
|
259 |
toc.className="Toc" // s Class="Toc" |
|
|
260 |
|
|
|
261 |
var objHx = document.getElementsByTagName("body")[0] // Odtud začínáme |
|
|
262 |
tocHeaders(toc,objHx,depth) // projdi všechny nadpisy |
|
|
263 |
objToc.appendChild(toc) // přidej Toc jako jeho dítě |
|
|
264 |
} |
|
|
265 |
// Rekurzivní procházení dětí |
|
|
266 |
for (var i=0;i < objToc.childNodes.length;i++) |
|
|
267 |
if (objToc.childNodes[i].nodeType==1) // ELEMENT_NODE |
|
|
268 |
(tocPutToc(objToc.childNodes[i])) |
|
|
269 |
} |
|
|
270 |
|
|
|
271 |
|
|
|
272 |
function doLoad() |
|
|
273 |
// Tato funkce se spustí při načtení celé stránky. |
|
|
274 |
{ |
|
|
275 |
// Najdi všechna místa pro seznam |
|
|
276 |
var objToc = document.getElementsByTagName("body")[0] // Odtud začínáme |
|
|
277 |
tocPutToc(objToc) |
|
|
278 |
} |
|
|
279 |
|
|
|
280 |
|
|
|
281 |
// Zaregistruj výkonný skript po načtení celé stránky |
|
|
282 |
window.onload = doLoad |