https://www.zbrane-dave.cz/js/functions.js

1function dropShadow()
2{
3
4	/*
5
6		funkce vytvori stiny pod textové nadpisy v zahlavi pomoci duplikovani textu nadpisu a
7		vytvorenim dalsiho html elementu, ktery je pomoci CSS prislusne pozicovany tak, aby vznikl
8		dojem stinu. pokud je obsahem nadpisu obrazek, v elementu s CSS tridou .image, neni stin vytvoren.
9
10		<div id="header">
11			<h2><a><span id="rbcSystemIdentifierLogo">Logo prezentace</span></a></h2> ~ stinuje se
12			<h2><span><span id="rbcSystemIdentifierLogo">Logo prezentace</span></span></h2> ~ stinuje se
13			<h3><span id="rbcCompanySlogan">Slogan prezentace</span></h3> ~ stinuje se
14			...
15			<h2><a class="image"><span><img /></span></a></h2> ~ neni textovy, nestinuje se
16
17		nadpis <h2>, <h3> je relativne pozicovany (viz externi CSS soubor) a az pomoci JS je posunut o
18		1px dolu a doprava. vytvoreny element je pozicovany absolutne o -1px nahoru a doleva.
19		ve vysledku vznikne opticky dojem stinovani.
20
21	*/
22
23	// id stinovanych elementu
24	ids			= new Array();
25	ids[0]	= "rbcSystemIdentifierLogo";
26	ids[1]	= "rbcCompanySlogan";
27
28	// prochazeni stinovanych elementu
29	for ( i = 0; i < ids.length; i++ )
30	{
31
32		// ziskame element pro stinovani
33		var el = document.getElementById(ids[i]);
34
35		// pokud je rodic tridy .image nebo neni potomek, nestinuje se
36		if ( el.parentNode.className == "image" || !el.firstChild )
37			continue;
38
39		// posunuti dolu doprava, imituje stin
40		el.style.top		= "1px";
41		el.style.left	= "1px";
42
43		// vytvoreni elementu <span>
44		var s = document.createElement("span");
45
46		// zkopirovani textu ze ziskaneho elementu (pripadne jeho potomka)
47		var n = document.createTextNode(el.firstChild.nodeValue);
48
49		// ziskany text pridame do vytvoreneho <span>
50		s.appendChild(n);
51
52		// vytvoreny span pridame do ziskaneho elementu
53		el.appendChild(s);
54
55		// oznacime element jako stinovany
56		el.className = 'withShade';
57
58		// CSS obarvi a doladi vse tak, aby vznikl dojem stinu (externi CSS soubor)
59	}
60}
61
62function changeBorder(el, frame)
63{
64
65	/*
66
67		funkce meni barvu tridu fotografie
68
69	*/
70
71	if ( frame == "on" )
72		el.className = "photo hover";
73	else
74		el.className = "photo";
75
76}