Rev 228 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 228 | Rev 231 | ||
---|---|---|---|
1 | 1 | ||
2 | <div id="LCARS"> |
2 | <div id="LCARS"> |
3 | <?php /* |
3 | <?php /* |
4 | <div id="button-grid" style="position: absolute; opacity: 0.3">
|
4 | <div id="button-grid" style="position: absolute; opacity: 0.3">
|
5 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
5 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
6 | 6 | ||
7 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
7 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
8 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
8 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
9 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
9 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
10 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
10 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
11 | 11 | ||
12 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
12 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
13 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
13 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
14 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
14 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
15 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
15 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
16 | 16 | ||
17 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
17 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
18 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
18 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
19 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
19 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
20 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
20 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
21 | 21 | ||
22 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
22 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
23 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
23 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
24 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
24 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
25 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
25 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
26 | 26 | ||
27 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
27 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
28 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
28 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
29 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
29 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
30 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
30 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
31 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
31 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
32 | 32 | ||
33 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
33 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
34 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
34 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
35 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
35 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
36 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
36 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
37 | 37 | ||
38 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
38 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
39 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
39 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
40 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
40 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
41 | 41 | ||
42 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
42 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
43 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
43 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
44 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
44 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
45 | 45 | ||
46 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
46 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
47 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
47 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
48 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
48 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
49 | 49 | ||
50 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
50 | <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
|
51 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
51 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
52 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
52 | <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
|
53 | </div>
|
53 | </div>
|
54 | */ ?> |
54 | */ ?> |
55 | <div id="bow"> |
55 | <div id="bow"> |
56 | <div id="bow-top"> |
56 | <div id="bow-top"> |
57 | <div class="separator-left"> </div> |
57 | <div class="separator-left"> </div> |
58 | <div class="text"> |
58 | <div class="text"> |
59 | <span>PointedEars’ Website</span> |
59 | <span>PointedEars’ Website</span> |
60 | </div> |
60 | </div> |
61 | </div> |
61 | </div> |
62 | <div id="bow-top-left"> |
62 | <div id="bow-top-left"> |
63 | <div class="concave"> </div> |
63 | <div class="concave"> </div> |
64 | <div |
64 | <div |
65 | style="position: absolute; top: 3.2em; left: 0; background-color: black" |
65 | style="position: absolute; top: 3.2em; left: 0; background-color: black" |
66 | > |
66 | > |
67 | <div class="bow" |
67 | <div class="bow" |
68 | style="margin-top: 0.2em; width: 8em; height: 1em" |
68 | style="margin-top: 0.2em; width: 8em; height: 1em" |
69 | > </div> |
69 | > </div> |
70 | </div> |
70 | </div> |
71 | </div> |
71 | </div> |
72 | <div id="bottom"> |
72 | <div id="bottom"> |
73 | <div id="bow-bottom"> |
73 | <div id="bow-bottom"> |
74 | <div class="concave"> </div> |
74 | <div class="concave"> </div> |
75 | <div class="spacer"> </div> |
75 | <div class="spacer"> </div> |
76 | </div> |
76 | </div> |
77 | </div> |
77 | </div> |
78 | 78 | ||
79 | <div class="menu-container"> |
79 | <div class="menu-container"> |
80 | <nav class="menu"> |
80 | <nav class="menu"> |
- | 81 | <!-- |
|
81 | <ul> |
82 | <ul> |
82 | <?php foreach ($languages as $key => $name): ?> |
83 | <?php foreach ($languages as $key => $name): ?> |
83 | <li><a |
84 | <li><a |
84 | href="index.<?php echo language_key_short($key); ?>?ani=0" |
85 | href="index.<?php echo language_key_short($key); ?>?ani=0" |
85 | lang="<?php echo $key; ?>" hreflang="<?php echo $key; ?>" |
86 | lang="<?php echo $key; ?>" hreflang="<?php echo $key; ?>" |
86 | class="button<?php if ($language === $key) { ?> selected<?php } ?>" |
87 | class="button<?php if ($language === $key) { ?> selected<?php } ?>" |
87 | tabindex="2" |
88 | tabindex="2" |
88 | ><span class="text"><?php echo language_name($key); ?></span></a></li> |
89 | ><span class="text"><?php echo language_name($key); ?></span></a></li> |
89 | <?php endforeach; ?> |
90 | <?php endforeach; ?> |
90 | </ul> |
91 | </ul> |
91 | <div class="bow" style="margin-bottom: 0.4em; height: 0.4em"> </div> |
92 | <div class="bow" style="margin-bottom: 0.4em; height: 0.4em"> </div> |
- | 93 | --> |
|
92 | <ul style="margin-bottom: 1.2em"> |
94 | <ul style="margin-bottom: 1.2em"> |
93 | <li><a href="<?php echo $menu['scripts']['path']; ?>" |
95 | <li><a href="<?php echo $menu['scripts']['path']; ?>" |
94 | target="_top" class="button" lang="<?php echo $language; ?>" |
96 | target="_top" class="button" lang="<?php echo $language; ?>" |
95 | ><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li> |
97 | ><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li> |
96 | <li><a href="<?php echo $menu['es-matrix']['path']; ?>" |
98 | <li><a href="<?php echo $menu['es-matrix']['path']; ?>" |
97 | target="_top" class="button" |
99 | target="_top" class="button" |
98 | title="<?php echo $menu['es-matrix']['title']; ?>" |
100 | title="<?php echo $menu['es-matrix']['title']; ?>" |
99 | ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li> |
101 | ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li> |
100 | <li><a href="<?php echo $menu['devel']['path']; ?>" |
102 | <li><a href="<?php echo $menu['devel']['path']; ?>" |
101 | target="_top" class="button" lang="<?php echo $language; ?>" |
103 | target="_top" class="button" lang="<?php echo $language; ?>" |
102 | ><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li> |
104 | ><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li> |
103 | </ul> |
105 | </ul> |
104 | <ul style="margin-bottom: 0.2em"> |
106 | <ul style="margin-bottom: 0.2em"> |
105 | <li><a href="psf/" target="_top" class="button ancillary"><abbr |
107 | <li><a href="psf/" target="_top" class="button ancillary"><abbr |
106 | title="<?php echo tr("PointedEars' Standard Frases"); ?>" |
108 | title="<?php echo tr("PointedEars' Standard Frases"); ?>" |
107 | class="text" |
109 | class="text" |
108 | >psf</abbr></a></li> |
110 | >psf</abbr></a></li> |
109 | <li><a href="<?php echo $menu['series']['path']; ?>" |
111 | <li><a href="<?php echo $menu['series']['path']; ?>" |
110 | target="_top" class="button ancillary" |
112 | target="_top" class="button ancillary" |
111 | title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>" |
113 | title="<?php echo tr('List of recommended TV shows and episodes, with logos in CSS'); ?>" |
112 | ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li> |
114 | ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li> |
113 | <li><a href="<?php echo $menu['ufpdb']['path']; ?>" |
115 | <li><a href="<?php echo $menu['ufpdb']['path']; ?>" |
114 | target="_top" class="button database" |
116 | target="_top" class="button database" |
115 | ><abbr title="<?php echo $menu['ufpdb']['title']; ?>" |
117 | ><abbr title="<?php echo $menu['ufpdb']['title']; ?>" |
116 | class="text" |
118 | class="text" |
117 | ><?php echo $menu['ufpdb']['text']; ?></abbr></a></li> |
119 | ><?php echo $menu['ufpdb']['text']; ?></abbr></a></li> |
118 | </ul> |
120 | </ul> |
119 | <div style="position: relative; margin-bottom: 1.2em"> |
121 | <div style="position: relative; margin-bottom: 1.2em"> |
120 | <div class="bow" style="height: 0.8em"> </div> |
122 | <div class="bow" style="height: 0.8em"> </div> |
121 | </div> |
123 | </div> |
122 | <ul> |
124 | <ul> |
123 | <li><a |
125 | <li><a |
124 | href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544" |
126 | href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544" |
125 | target="_top" class="button secondary" |
127 | target="_top" class="button secondary" |
126 | title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>" |
128 | title="<?php echo tr("The world’s largest climate forecasting experiment for the 21st century"); ?>" |
127 | ><span class="text">climateprediction.net</span></a></li> |
129 | ><span class="text">climateprediction.net</span></a></li> |
128 | <li><a |
130 | <li><a |
129 | href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn" |
131 | href="http://fah-web2.stanford.edu/cgi-bin/main.py?qtype=userpage&username=Thomas_Lahn" |
130 | target="_top" class="button secondary" |
132 | target="_top" class="button secondary" |
131 | title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>" |
133 | title="<?php echo tr("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>" |
132 | ><span class="text">Folding at home</span></a></li> |
134 | ><span class="text">Folding at home</span></a></li> |
133 | <li><a |
135 | <li><a |
134 | href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181" |
136 | href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181" |
135 | target="_top" class="button secondary" |
137 | target="_top" class="button secondary" |
136 | title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>" |
138 | title="<?php echo tr("Particle physics research with the Large Hadron Collider at CERN"); ?>" |
137 | ><span class="text">LHC at home</span></a></li> |
139 | ><span class="text">LHC at home</span></a></li> |
138 | <li><a |
140 | <li><a |
139 | href="http://setiathome.berkeley.edu/show_user.php?userid=378921" |
141 | href="http://setiathome.berkeley.edu/show_user.php?userid=378921" |
140 | target="_top" class="button secondary" |
142 | target="_top" class="button secondary" |
141 | title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>" |
143 | title="<?php echo tr("The Search for Extra-Terrestrial Intelligence at HOME"); ?>" |
142 | ><span class="text">SETI at home</span></a></li> |
144 | ><span class="text">SETI at home</span></a></li> |
143 | <li><a |
145 | <li><a |
144 | href="http://stackoverflow.com/users/855543/pointedears" |
146 | href="http://stackoverflow.com/users/855543/pointedears" |
145 | target="_top" class="button secondary" |
147 | target="_top" class="button secondary" |
146 | title="<?php echo tr("Me on Stack Overflow"); ?>" |
148 | title="<?php echo tr("Me on Stack Overflow"); ?>" |
147 | ><span class="text">Stack Overflow</span></a></li> |
149 | ><span class="text">Stack Overflow</span></a></li> |
148 | <li><a href="https://twitter.com/PointedEars2" target="_top" |
150 | <li><a href="https://twitter.com/PointedEars2" target="_top" |
149 | class="button secondary" |
151 | class="button secondary" |
150 | title="<?php echo tr("Me on Twitter"); ?>" |
152 | title="<?php echo tr("Me on Twitter"); ?>" |
151 | ><span class="text">Twitter</span></a></li> |
153 | ><span class="text">Twitter</span></a></li> |
152 | <li><a |
154 | <li><a |
153 | href="<?php echo tr("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>" |
155 | href="<?php echo tr("http://en.wikipedia.org/wiki/Special:Contributions/PointedEars"); ?>" |
154 | target="_top" class="button secondary" |
156 | target="_top" class="button secondary" |
155 | title="<?php echo tr("My contributions to Wikipedia"); ?>" |
157 | title="<?php echo tr("My contributions to Wikipedia"); ?>" |
156 | ><span class="text"><?php echo tr('Wikipedia'); ?></span></a></li> |
158 | ><span class="text"><?php echo tr('Wikipedia'); ?></span></a></li> |
157 | </ul> |
159 | </ul> |
158 | <?php /* |
160 | <?php /* |
159 | <script type="text/javascript">
|
161 | <script type="text/javascript">
|
160 | var sURL = location.href;
|
162 | var sURL = location.href;
|
161 | var sFavAnchorTitle =
|
163 | var sFavAnchorTitle =
|
162 | "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
|
164 | "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
|
163 | + " hinzuzufĂĽgen";
|
165 | + " hinzuzufĂĽgen";
|
164 | var sOtherAnchorTitle =
|
166 | var sOtherAnchorTitle =
|
165 | "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
|
167 | "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
|
166 | + " Ihren Lesezeichen hinzuzufĂĽgen";
|
168 | + " Ihren Lesezeichen hinzuzufĂĽgen";
|
167 | var sFavoriteTitle = "PointedEars' Website";
|
169 | var sFavoriteTitle = "PointedEars' Website";
|
168 | 170 | ||
169 | if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
|
171 | if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
|
170 | {
|
172 | {
|
171 | document.write(
|
173 | document.write(
|
172 | '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
|
174 | '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
|
173 | + ' <div class="bow" style="width: 8em; height: 1em"> <\/div>'
|
175 | + ' <div class="bow" style="width: 8em; height: 1em"> <\/div>'
|
174 | + ' <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em"> <\/div>'
|
176 | + ' <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em"> <\/div>'
|
175 | + '</div>'
|
177 | + '</div>'
|
176 | + '<a href="javascript:window.external.AddFavorite('
|
178 | + '<a href="javascript:window.external.AddFavorite('
|
177 | + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
|
179 | + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
|
178 | + ' class="button"'
|
180 | + ' class="button"'
|
179 | + ' onclick="window.external.AddFavorite('
|
181 | + ' onclick="window.external.AddFavorite('
|
180 | + ' sURL, sFavoriteTitle); return false"'
|
182 | + ' sURL, sFavoriteTitle); return false"'
|
181 | + ' onmouseover="return setStatus(sFavAnchorTitle)"'
|
183 | + ' onmouseover="return setStatus(sFavAnchorTitle)"'
|
182 | + ' onmouseout="return resetStatus()"'
|
184 | + ' onmouseout="return resetStatus()"'
|
183 | + '><span class="text">Favorit<\/span><\/a>');
|
185 | + '><span class="text">Favorit<\/span><\/a>');
|
184 | }
|
186 | }
|
185 | </script>
|
187 | </script>
|
186 | */ ?> |
188 | */ ?> |
187 | </nav> |
189 | </nav> |
188 | </div> |
190 | </div> |
189 | </div> |
191 | </div> |
190 | <div id="connectors"> |
192 | <div id="connectors"> |
191 | <div class="bow top left"> </div> |
193 | <div class="bow top left"> </div> |
192 | <div class="bow top right"> </div> |
194 | <div class="bow top right"> </div> |
193 | 195 | ||
194 | <div class="bow mid left"> </div> |
196 | <div class="bow mid left"> </div> |
195 | <div class="bow mid right"> </div> |
197 | <div class="bow mid right"> </div> |
196 | </div> |
198 | </div> |
197 | <div class="multi-display"> |
199 | <div class="multi-display"> |
198 | <div class="upper"> |
200 | <div class="upper"> |
199 | <div class="content"> |
201 | <div class="content"> |
200 | <div class="title" id="title" lang="<?php echo $language; ?>"> |
202 | <div class="title" id="title" lang="<?php echo $language; ?>"> |
201 | <span class="text"><?php echo tr('Home'); ?></span> |
203 | <span class="text"><?php echo tr('Home'); ?></span> |
202 | </div> |
204 | </div> |
203 | <div class="analysis" id="analysis"> |
205 | <div class="analysis" id="analysis"> |
204 | <table> |
206 | <table> |
205 | <tr> |
207 | <tr> |
206 | <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Display'); ?>:</span></th> |
208 | <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Display'); ?></span></th> |
207 | <td lang="<?php echo $language; ?>"><script |
209 | <td lang="<?php echo $language; ?>"><script |
208 | type="text/javascript" |
210 | type="text/javascript" |
209 | > |
211 | > |
210 | var _addEventListener = jsx.dom.addEventListener; |
212 | var _addEventListener = jsx.dom.addEventListener; |
211 | var _runAsync = jsx.dom.timeout.runAsync; |
213 | var _runAsync = jsx.dom.timeout.runAsync; |
212 | var ID_SCREEN_DIM = 'screenDim'; |
214 | var ID_SCREEN_DIM = 'screenDim'; |
213 | var ID_AVAIL_DIM = 'availDim'; |
215 | var ID_AVAIL_DIM = 'availDim'; |
214 | var ID_INNER_DIM = 'innerDim'; |
216 | var ID_INNER_DIM = 'innerDim'; |
215 | 217 | ||
216 | var dim = (function () { |
218 | var dim = (function () { |
217 | var screenInfo = jsx.dom.window.screenInfo; |
219 | var screenInfo = jsx.dom.window.screenInfo; |
218 | 220 | ||
219 | return { |
221 | return { |
220 | getScreenText: function () { |
222 | getScreenText: function () { |
221 | var screenDim = screenInfo.getDim(); |
223 | var screenDim = screenInfo.getDim(); |
222 | return screenDim.width + "Ă—" + screenDim.height; |
224 | return screenDim.width + "Ă—" + screenDim.height; |
223 | }, |
225 | }, |
224 | 226 | ||
225 | getAvailText: function () { |
227 | getAvailText: function () { |
226 | var availDim = screenInfo.getAvailDim(); |
228 | var availDim = screenInfo.getAvailDim(); |
227 | return <?php echo sprintf(tr('%s + "x" + %s + " available"'), 'availDim.width', 'availDim.height'); ?>; |
229 | return <?php echo sprintf(tr('%s + "x" + %s + " available"'), 'availDim.width', 'availDim.height'); ?>; |
228 | }, |
230 | }, |
229 | 231 | ||
230 | getInnerText: function () { |
232 | getInnerText: function () { |
231 | var innerDim = screenInfo.getInnerDim(); |
233 | var innerDim = screenInfo.getInnerDim(); |
232 | return ", " + <?php echo sprintf(tr('%s + "x" + %s + " used"'), 'innerDim.width', 'innerDim.height'); ?>; |
234 | return ", " + <?php echo sprintf(tr('%s + "x" + %s + " used"'), 'innerDim.width', 'innerDim.height'); ?>; |
233 | }, |
235 | }, |
234 | 236 | ||
235 | getColorDepthText: function () { |
237 | getColorDepthText: function () { |
236 | var colorDepth = screenInfo.getColorDepth(); |
238 | var colorDepth = screenInfo.getColorDepth(); |
237 | return colorDepth |
239 | return colorDepth |
238 | ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>" |
240 | ? '2<sup>' + colorDepth + "<\/sup> <?php echo tr('colors'); ?>" |
239 | : ""; |
241 | : ""; |
240 | } |
242 | } |
241 | }; |
243 | }; |
242 | }()); |
244 | }()); |
243 | 245 | ||
244 | (function () { |
246 | (function () { |
245 | var screenDimText = dim.getScreenText(); |
247 | var screenDimText = dim.getScreenText(); |
246 | var availDimText = dim.getAvailText(); |
248 | var availDimText = dim.getAvailText(); |
247 | var innerDimText = dim.getInnerText(); |
249 | var innerDimText = dim.getInnerText(); |
248 | var colorDepthText = dim.getColorDepthText(); |
250 | var colorDepthText = dim.getColorDepthText(); |
249 | var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText) |
251 | var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText) |
250 | ? (screenDimText ? <?php echo sprintf("'" . tr('%s pixels') . "'", "<span id=\"' + ID_SCREEN_DIM + '\">' + screenDimText + '<\/span>' + '"); ?> : "") |
252 | ? (screenDimText ? <?php echo sprintf("'" . tr('%s pixels') . "'", "<span id=\"' + ID_SCREEN_DIM + '\">' + screenDimText + '<\/span>' + '"); ?> : "") |
251 | + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "") |
253 | + (availDimText ? ' (<span id="' + ID_AVAIL_DIM + '">' + availDimText + "<\/span>" : "") |
252 | + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "") |
254 | + (innerDimText ? '<span id="' + ID_INNER_DIM + '">' + innerDimText + "<\/span>)" : "") |
253 | + (colorDepthText ? ' Ă— <span id="colorDepth">' + colorDepthText + "<\/span>" : "") |
255 | + (colorDepthText ? ' Ă— <span id="colorDepth">' + colorDepthText + "<\/span>" : "") |
254 | : TEXT_NOT_AVAILABLE; |
256 | : TEXT_NOT_AVAILABLE; |
255 | 257 | ||
256 | /* FIXME: Convert HTML to text, update whole title text */ |
258 | /* FIXME: Convert HTML to text, update whole title text */ |
257 | document.write('<span class="text">' + displayInfo + '<\/span>'); |
259 | document.write('<span class="text">' + displayInfo + '<\/span>'); |
258 | 260 | ||
259 | var oColorDepth; |
261 | var oColorDepth; |
260 | var tColor = _runAsync(function () { |
262 | var tColor = _runAsync(function () { |
261 | if (typeof oColorDepth == "undefined") |
263 | if (typeof oColorDepth == "undefined") |
262 | { |
264 | { |
263 | oColorDepth = document.getElementById("colorDepth"); |
265 | oColorDepth = document.getElementById("colorDepth"); |
264 | } |
266 | } |
265 | 267 | ||
266 | if (oColorDepth) |
268 | if (oColorDepth) |
267 | { |
269 | { |
268 | var colorDepthText = dim.getColorDepthText(); |
270 | var colorDepthText = dim.getColorDepthText(); |
269 | <?php /* FIXME: Also update title attribute value */ ?> |
271 | <?php /* FIXME: Also update title attribute value */ ?> |
270 | if (oColorDepth.innerHTML != colorDepthText) |
272 | if (oColorDepth.innerHTML != colorDepthText) |
271 | { |
273 | { |
272 | oColorDepth.innerHTML = colorDepthText; |
274 | oColorDepth.innerHTML = colorDepthText; |
273 | } |
275 | } |
274 | } |
276 | } |
275 | 277 | ||
276 | tColor = this.run(); |
278 | tColor = this.run(); |
277 | }, 1000); |
279 | }, 1000); |
278 | 280 | ||
279 | _addEventListener(document, "unload", function () { |
281 | _addEventListener(document, "unload", function () { |
280 | tColor.unset(); |
282 | tColor.unset(); |
281 | tColor = null; |
283 | tColor = null; |
282 | }); |
284 | }); |
283 | }()); |
285 | }()); |
284 | </script> |
286 | </script> |
285 | <noscript><?php echo tr('N/A'); ?></noscript></td> |
287 | <noscript><?php echo tr('N/A'); ?></noscript></td> |
286 | </tr> |
288 | </tr> |
287 | <tr> |
289 | <tr> |
288 | <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('User Agent'); ?>:</span></th> |
290 | <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('User Agent'); ?></span></th> |
289 | <td><script type="text/javascript" |
291 | <td><script type="text/javascript" |
290 | src="application/scripts/ua.js" |
292 | src="application/scripts/ua.js" |
291 | ></script> |
293 | ></script> |
292 | <noscript><?php
|
294 | <noscript><?php
|
293 | echo tr('N/A'); ?></noscript></td> |
295 | echo tr('N/A'); ?></noscript></td> |
294 | </tr> |
296 | </tr> |
295 | <tr> |
297 | <tr> |
296 | <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Features'); ?>:</span></th> |
298 | <th lang="<?php echo $language; ?>"><span class="text"><?php echo tr('Features'); ?></span></th> |
297 | <td><script type="text/javascript"> |
299 | <td><script type="text/javascript"> |
298 | var fullscreen = jsx.dom.window.fullscreen; |
300 | var fullscreen = jsx.dom.window.fullscreen; |
299 | 301 | ||
300 | (function () { |
302 | (function () { |
301 | function getFeatures () |
303 | function getFeatures () |
302 | { |
304 | { |
303 | var features = []; |
305 | var features = []; |
304 | if (typeof document.cookie != "undefined") |
306 | if (typeof document.cookie != "undefined") |
305 | { |
307 | { |
306 | var cookiesText = "<?php echo tr('Cookies'); ?>" |
308 | var cookiesText = "<?php echo tr('Cookies'); ?>" |
307 | if (navigator.cookieEnabled) |
309 | if (navigator.cookieEnabled) |
308 | { |
310 | { |
309 | if (document.cookie) |
311 | if (document.cookie) |
310 | { |
312 | { |
311 | var cookies = document.cookie; |
313 | var cookies = document.cookie; |
312 | cookies = cookies.split(/\s*;\s*/); |
314 | cookies = cookies.split(/\s*;\s*/); |
313 | features.push('<a href="#" title="' |
315 | features.push('<a href="#" title="' |
314 | + cookies.join(" ") |
316 | + cookies.join(" ") |
315 | + '"' |
317 | + '"' |
316 | + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>'); |
318 | + ' onclick="window.alert(\'<?php echo tr('Cookies for'); ?> ' + document.domain + '\\n\\n' + cookies.join("\\n") + '\'); return false">' + cookiesText + '<\/a>'); |
317 | } |
319 | } |
318 | else |
320 | else |
319 | { |
321 | { |
320 | features.push('<span class="unavailable"' |
322 | features.push('<span class="unavailable"' |
321 | + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"' |
323 | + ' title="<?php echo tr('Cookies supported, but no data for this site'); ?>"' |
322 | + '>' + cookiesText + '<\/span>'); |
324 | + '>' + cookiesText + '<\/span>'); |
323 | } |
325 | } |
324 | } |
326 | } |
325 | else |
327 | else |
326 | { |
328 | { |
327 | features.push('<span class="offline"' |
329 | features.push('<span class="offline"' |
328 | + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"' |
330 | + ' title="<?php echo tr('Cookies supported, but disabled'); ?>"' |
329 | + '>' + cookiesText + '<\/span>'); |
331 | + '>' + cookiesText + '<\/span>'); |
330 | } |
332 | } |
331 | } |
333 | } |
332 | 334 | ||
333 | if (fullscreen.isSupportedBy(document.documentElement)) |
335 | if (fullscreen.isSupportedBy(document.documentElement)) |
334 | { |
336 | { |
335 | features.push("<span lang='<?php echo $language; ?>'><span class='text'><?php echo tr('Fullscreen'); ?><\/span><\/span>"); |
337 | features.push("<span lang='<?php echo $language; ?>'><span class='text'><?php echo tr('Fullscreen'); ?><\/span><\/span>"); |
336 | } |
338 | } |
337 | 339 | ||
338 | if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length) |
340 | if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length) |
339 | { |
341 | { |
340 | features.push("<?php echo tr('Gamepad'); ?>"); |
342 | features.push("<?php echo tr('Gamepad'); ?>"); |
341 | } |
343 | } |
342 | 344 | ||
343 | if (jsx.dom.geolocation.isAvailable()) |
345 | if (jsx.dom.geolocation.isAvailable()) |
344 | { |
346 | { |
345 | features.push('<a href="#" title="<?php echo htmlspecialchars(tr('Get location'), ENT_QUOTES); ?>"' |
347 | features.push('<a href="#" title="<?php echo htmlspecialchars(tr('Get location'), ENT_QUOTES); ?>"' |
346 | + ' lang="<?php echo $language; ?>"' |
348 | + ' lang="<?php echo $language; ?>"' |
347 | + ' onclick=\'return lcars.multiDisplay.geolocate("<?php echo htmlspecialchars(tr('Geolocation'), ENT_QUOTES); ?>", "<?php echo $language; ?>")\'' |
349 | + ' onclick=\'return lcars.multiDisplay.geolocate("<?php echo htmlspecialchars(tr('Geolocation'), ENT_QUOTES); ?>", "<?php echo $language; ?>")\'' |
348 | + '><span class="text"><?php echo htmlspecialchars(tr('Geolocation'), ENT_QUOTES); ?><\/span><\/a>'); |
350 | + '><span class="text"><?php echo htmlspecialchars(tr('Geolocation'), ENT_QUOTES); ?><\/span><\/a>'); |
349 | } |
351 | } |
350 | 352 | ||
351 | if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled()) |
353 | if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled()) |
352 | { |
354 | { |
353 | features.push("Java"); |
355 | features.push("Java"); |
354 | } |
356 | } |
355 | 357 | ||
356 | var storage = jsx.dom.storage; |
358 | var storage = jsx.dom.storage; |
357 | if (storage.localStorage.isSupported()) features.push("Local Storage"); |
359 | if (storage.localStorage.isSupported()) features.push("Local Storage"); |
358 | 360 | ||
359 | if (navigator.plugins) |
361 | if (navigator.plugins) |
360 | { |
362 | { |
361 | if (navigator.plugins.length > 0) |
363 | if (navigator.plugins.length > 0) |
362 | { |
364 | { |
363 | features.push('<span title="' |
365 | features.push('<span title="' |
364 | + navigator.plugins.length |
366 | + navigator.plugins.length |
365 | + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>'); |
367 | + ' <?php echo tr('plugins installed'); ?>">Plugins<\/span>'); |
366 | } |
368 | } |
367 | else |
369 | else |
368 | { |
370 | { |
369 | features.push('<span class="unavailable"' |
371 | features.push('<span class="unavailable"' |
370 | + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"' |
372 | + ' title="<?php echo tr('Plugins supported, but none detected'); ?>"' |
371 | + '>Plugins<\/span>'); |
373 | + '>Plugins<\/span>'); |
372 | } |
374 | } |
373 | } |
375 | } |
374 | 376 | ||
375 | if (storage.sessionStorage.isSupported()) |
377 | if (storage.sessionStorage.isSupported()) |
376 | { |
378 | { |
377 | features.push("Session Storage"); |
379 | features.push("Session Storage"); |
378 | } |
380 | } |
379 | 381 | ||
380 | if (typeof window.ontouchstart != "undefined") features.push("Touch"); |
382 | if (typeof window.ontouchstart != "undefined") features.push("Touch"); |
381 | return features.join(" • "); |
383 | return features.join(" • "); |
382 | } |
384 | } |
383 | 385 | ||
384 | function stripTags (s) |
386 | function stripTags (s) |
385 | { |
387 | { |
386 | return s.replace(/<[^>]+>/g, ""); |
388 | return s.replace(/<[^>]+>/g, ""); |
387 | } |
389 | } |
388 | 390 | ||
389 | var sFeatures = getFeatures(); |
391 | var sFeatures = getFeatures(); |
390 | document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>'); |
392 | document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>'); |
391 | 393 | ||
392 | var oFeatures; |
394 | var oFeatures; |
393 | var oFeaturesHtml; |
395 | var oFeaturesHtml; |
394 | var tFeatures = _runAsync(function () { |
396 | var tFeatures = _runAsync(function () { |
395 | if (typeof oFeatures == "undefined") |
397 | if (typeof oFeatures == "undefined") |
396 | { |
398 | { |
397 | oFeatures = document.getElementById("features"); |
399 | oFeatures = document.getElementById("features"); |
398 | } |
400 | } |
399 | 401 | ||
400 | if (oFeatures) |
402 | if (oFeatures) |
401 | { |
403 | { |
402 | var sNewFeatures = getFeatures(); |
404 | var sNewFeatures = getFeatures(); |
403 | 405 | ||
404 | if (!oFeaturesHtml) |
406 | if (!oFeaturesHtml) |
405 | { |
407 | { |
406 | oFeaturesHtml = document.createElement("span"); |
408 | oFeaturesHtml = document.createElement("span"); |
407 | } |
409 | } |
408 | 410 | ||
409 | if (oFeaturesHtml) |
411 | if (oFeaturesHtml) |
410 | { |
412 | { |
411 | oFeaturesHtml.innerHTML = sNewFeatures; |
413 | oFeaturesHtml.innerHTML = sNewFeatures; |
412 | sNewFeatures = oFeaturesHtml.innerHTML; |
414 | sNewFeatures = oFeaturesHtml.innerHTML; |
413 | } |
415 | } |
414 | 416 | ||
415 | if (oFeatures.innerHTML != sNewFeatures) |
417 | if (oFeatures.innerHTML != sNewFeatures) |
416 | { |
418 | { |
417 | oFeatures.innerHTML = sNewFeatures; |
419 | oFeatures.innerHTML = sNewFeatures; |
418 | } |
420 | } |
419 | 421 | ||
420 | /* Converts CREs */ |
422 | /* Converts CREs */ |
421 | var newTitle = stripTags(oFeatures.innerHTML) |
423 | var newTitle = stripTags(oFeatures.innerHTML) |
422 | if (oFeatures.title != newTitle) |
424 | if (oFeatures.title != newTitle) |
423 | { |
425 | { |
424 | oFeatures.title = newTitle; |
426 | oFeatures.title = newTitle; |
425 | } |
427 | } |
426 | } |
428 | } |
427 | 429 | ||
428 | tFeatures = this.run(); |
430 | tFeatures = this.run(); |
429 | }, 1000); |
431 | }, 1000); |
430 | }()); |
432 | }()); |
431 | 433 | ||
432 | _addEventListener(document, "unload", function () { |
434 | _addEventListener(document, "unload", function () { |
433 | tFeatures.unset(); |
435 | tFeatures.unset(); |
434 | tFeatures = null; |
436 | tFeatures = null; |
435 | }); |
437 | }); |
436 | 438 | ||
437 | var windowText = "<?php echo tr("Window"); ?>"; |
439 | var windowText = "<?php echo tr("Window"); ?>"; |
438 | </script> |
440 | </script> |
439 | <noscript><?php echo tr('N/A'); ?></noscript></td> |
441 | <noscript><?php echo tr('N/A'); ?></noscript></td> |
440 | </tr> |
442 | </tr> |
441 | </table> |
443 | </table> |
442 | </div> |
444 | </div> |
443 | <ul class="commands"> |
445 | <ul class="commands"> |
444 | <li id="cmd1"><a href="index.php" title="Language selection" |
446 | <li id="cmd1"><a href="index.php" title="Language selection" |
445 | tabindex="1" class="button left right" |
447 | tabindex="1" class="button left right" |
446 | onmouseover="return setStatus(this.title + ': ' + this.href)" |
448 | onmouseover="return setStatus(this.title + ': ' + this.href)" |
447 | onmouseout="return resetStatus()" |
449 | onmouseout="return resetStatus()" |
448 | onfocus="return this.onmouseover()" |
450 | onfocus="return this.onmouseover()" |
449 | onblur="return this.onmouseout()" |
451 | onblur="return this.onmouseout()" |
450 | ><abbr class="text" title="Language selection">Language</abbr></a></li> |
452 | ><abbr class="text" title="Language selection">Language</abbr></a></li> |
451 | <li id="cmd2"><a |
453 | <li id="cmd2"><a |
452 | href="index.<?php echo $language; ?>?printable=1" |
454 | href="index.<?php echo $language; ?>?printable=1" |
453 | title="<?php echo tr('Printable version'); ?>" tabindex="1" |
455 | title="<?php echo tr('Printable version'); ?>" tabindex="1" |
454 | class="button left right" |
456 | class="button left right" |
455 | onmouseover="return setStatus(this.title + ': ' + this.href)" |
457 | onmouseover="return setStatus(this.title + ': ' + this.href)" |
456 | onmouseout="return resetStatus()" |
458 | onmouseout="return resetStatus()" |
457 | onfocus="return this.onmouseover()" |
459 | onfocus="return this.onmouseover()" |
458 | onblur="return this.onmouseout()" |
460 | onblur="return this.onmouseout()" |
459 | lang="<?php echo $language; ?>" |
461 | lang="<?php echo $language; ?>" |
460 | ><span class="text"><?php echo tr("Printable"); ?></span></a></li> |
462 | ><span class="text"><?php echo tr("Printable"); ?></span></a></li> |
- | 463 | <li id="cmd3"><script type="text/javascript"> |
|
- | 464 | function toggleFullscreen (button) |
|
- | 465 | { |
|
- | 466 | var nowIsFullscreen = fullscreen.isFullscreen(); |
|
- | 467 | ||
- | 468 | if (nowIsFullscreen) |
|
- | 469 | { |
|
- | 470 | fullscreen.cancel(); |
|
- | 471 | } |
|
- | 472 | else |
|
- | 473 | { |
|
- | 474 | fullscreen.requestOn(document.documentElement, button); |
|
- | 475 | } |
|
- | 476 | } |
|
461 | <li id="cmd3"><div class="button left right" |
477 | </script><div class="button left right" |
462 | style="cursor: not-allowed !important" |
478 | style="cursor: not-allowed !important" |
463 | onclick="fullscreen.requestOn(document.documentElement, this)" |
479 | onclick="toggleFullscreen(this)" |
464 | onkeyup="if (event.keyCode == 13) { this.onclick(); }" |
480 | onkeyup="if (event.keyCode == 13) { this.click(); }" |
465 | lang="<?php echo $language; ?>" |
481 | lang="<?php echo $language; ?>" |
466 | ><span class="text"><script type="text/javascript"> |
482 | ><span class="text"><script type="text/javascript"> |
467 | var cmd3; |
483 | var cmd3; |
468 | if (fullscreen.isSupportedBy(document.documentElement)) |
484 | if (fullscreen.isSupportedBy(document.documentElement)) |
469 | { |
485 | { |
470 | _addEventListener(window, "load", function () { |
486 | _addEventListener(window, "load", function () { |
471 | if (typeof cmd3 == "undefined") |
487 | if (typeof cmd3 == "undefined") |
472 | { |
488 | { |
473 | cmd3 = jsx.dom.getElementById("cmd3"); |
489 | cmd3 = jsx.dom.getElementById("cmd3"); |
474 | } |
490 | } |
475 | 491 | ||
476 | if (cmd3) |
492 | if (cmd3) |
477 | { |
493 | { |
478 | cmd3.firstChild.tabIndex = "1"; |
494 | cmd3.lastChild.tabIndex = "1"; |
479 | } |
495 | } |
480 | }); |
496 | }); |
481 | 497 | ||
482 | var fullscreenText = "<?php echo tr("Fullscreen"); ?>"; |
498 | var fullscreenText = "<?php echo tr("Fullscreen"); ?>"; |
483 | document.write(fullscreenText); |
499 | document.write(fullscreenText); |
484 | } |
500 | } |
485 | 501 | ||
486 | var oScreenDim; |
502 | var oScreenDim; |
487 | var oAvailDim; |
503 | var oAvailDim; |
488 | var oInnerDim; |
504 | var oInnerDim; |
489 | var _gEBI = jsx.dom.getElementById; |
505 | var _gEBI = jsx.dom.getElementById; |
490 | var previousIsFullscreen; |
506 | var previousIsFullscreen; |
491 | var oldHandler; |
507 | var oldHandler; |
492 | 508 | ||
493 | _addEventListener(window, "resize", function () { |
509 | _addEventListener(window, "resize", function () { |
494 | <?php /* FIXME: Also update title attribute value */ ?> |
510 | <?php /* FIXME: Also update title attribute value */ ?> |
495 | if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM); |
511 | if (typeof oScreenDim == "undefined") oScreenDim = _gEBI(ID_SCREEN_DIM); |
496 | if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText(); |
512 | if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText(); |
497 | 513 | ||
498 | if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM); |
514 | if (typeof oAvailDim == "undefined") oAvailDim = _gEBI(ID_AVAIL_DIM); |
499 | if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText(); |
515 | if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText(); |
500 | 516 | ||
501 | if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM); |
517 | if (typeof oInnerDim == "undefined") oInnerDim = _gEBI(ID_INNER_DIM); |
502 | if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText(); |
518 | if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText(); |
503 | 519 | ||
504 | if (fullscreen.isSupportedBy(document.documentElement)) |
520 | if (fullscreen.isSupportedBy(document.documentElement)) |
505 | { |
521 | { |
506 | var nowIsFullscreen = fullscreen.isFullscreen(); |
522 | var nowIsFullscreen = fullscreen.isFullscreen(); |
507 | if (nowIsFullscreen != previousIsFullscreen) |
523 | if (nowIsFullscreen != previousIsFullscreen) |
508 | { |
524 | { |
509 | if (typeof cmd3 == "undefined") |
525 | if (typeof cmd3 == "undefined") |
510 | { |
526 | { |
511 | cmd3 = document.getElementById("cmd3"); |
527 | cmd3 = document.getElementById("cmd3"); |
512 | } |
528 | } |
513 | 529 | ||
514 | var target = cmd3.firstChild; |
- | |
515 | var textTarget = target.firstChild; |
530 | var textTarget = cmd3.lastChild.firstChild; |
516 | if (nowIsFullscreen) |
531 | if (nowIsFullscreen) |
517 | { |
532 | { |
518 | /* FIXME: Do not override event listeners, use the state instead */ |
- | |
519 | oldHandler = target.onclick; |
- | |
520 | target.onclick = function () { |
- | |
521 | fullscreen.cancel(); |
- | |
522 | }; |
- | |
523 | textTarget.textContent = "<?php echo tr("Window"); ?>"; |
533 | textTarget.innerHTML = "<?php echo tr("Window"); ?>"; |
524 | } |
534 | } |
525 | else |
535 | else |
526 | { |
536 | { |
527 | target.onclick = oldHandler; |
- | |
528 | textTarget.textContent = fullscreenText; |
537 | textTarget.innerHTML = fullscreenText; |
529 | } |
538 | } |
530 | 539 | ||
531 | previousIsFullscreen = nowIsFullscreen; |
540 | previousIsFullscreen = nowIsFullscreen; |
532 | } |
541 | } |
533 | } |
542 | } |
534 | }); |
543 | }); |
535 | </script></span> |
544 | </script></span></div></li> |
536 | </div></li> |
- | |
537 | <li id="cmd4"><script type="text/javascript"> |
545 | <li id="cmd4"><script type="text/javascript"> |
538 | var LANG_KLINGON = "<?php echo $klingon; ?>"; |
546 | var LANG_KLINGON = "<?php echo $klingon; ?>"; |
539 | var LANG_VULCAN = "<?php echo $vulcan; ?>"; |
547 | var LANG_VULCAN = "<?php echo $vulcan; ?>"; |
540 | lcars.language = "<?php echo $language; ?>"; |
548 | lcars.language = "<?php echo $language; ?>"; |
541 | </script> |
549 | </script> |
542 | <script type="text/javascript" src="application/scripts/klingon.js"></script> |
550 | <script type="text/javascript" src="application/scripts/klingon.js"></script> |
543 | <script type="text/javascript" src="application/scripts/vulcan-media-script.js"></script> |
551 | <script type="text/javascript" src="application/scripts/vulcan-media-script.js"></script> |
544 | <script type="text/javascript"> |
552 | <script type="text/javascript"> |
545 | function toggleScript (button) |
553 | function toggleScript (button) |
546 | { |
554 | { |
547 | var is_alien_language = (lcars.language == LANG_KLINGON |
555 | var is_alien_language = (lcars.language == LANG_KLINGON |
548 | || lcars.language == LANG_VULCAN); |
556 | || lcars.language == LANG_VULCAN); |
549 | 557 | ||
550 | if (media_script_used) |
558 | if (media_script_used) |
551 | { |
559 | { |
552 | klingonLatinScript(button); |
560 | klingonLatinScript(button); |
553 | latinScript(button); |
561 | latinScript(button); |
554 | 562 | ||
555 | if (!is_alien_language) |
563 | if (!is_alien_language) |
556 | { |
564 | { |
557 | button.firstChild.textContent = button.getAttribute("data-caption"); |
565 | button.firstChild.textContent = button.getAttribute("data-caption"); |
558 | } |
566 | } |
559 | } |
567 | } |
560 | else |
568 | else |
561 | { |
569 | { |
562 | pIqaD(button); |
570 | pIqaD(button); |
563 | mediaScript(button); |
571 | mediaScript(button); |
564 | 572 | ||
565 | if (!is_alien_language) |
573 | if (!is_alien_language) |
566 | { |
574 | { |
567 | button.setAttribute("data-caption", button.firstChild.textContent); |
575 | button.setAttribute("data-caption", button.firstChild.textContent); |
568 | button.firstChild.textContent = "Latin"; |
576 | button.firstChild.textContent = "<?php echo tr('Latin'); ?>"; |
569 | } |
577 | } |
570 | } |
578 | } |
571 | } |
579 | } |
572 | </script> |
580 | </script> |
573 | <div class="button left right"<?php
|
581 | <div class="button left right"<?php
|
574 | $language_keys = array_keys($languages); |
582 | // $language_keys = array_keys($languages);
|
575 | if (in_array(@$klingon, $language_keys) || in_array(@$vulcan, $language_keys)) |
583 | if (in_array($language, array(@$klingon, @$vulcan))) |
576 | {
|
584 | {
|
577 | ?> tabindex="1" onclick="return toggleScript(this)"<?php |
585 | ?> tabindex="1" onclick="return toggleScript(this)"<?php |
578 | }
|
586 | }
|
579 | else
|
587 | else
|
580 | {
|
588 | {
|
581 | ?> style="cursor: not-allowed !important"<?php |
589 | ?> style="cursor: not-allowed !important"<?php |
582 | }
|
590 | }
|
- | 591 | ?>
|
|
- | 592 | onkeyup="if (event.keyCode == 13) { this.click(); }" |
|
583 | ?>><span class="text" lang="<?php echo $language; ?>"><?php |
593 | ><span class="text" lang="<?php echo $language; ?>"><?php |
584 | switch ($language) |
594 | switch ($language) |
585 | {
|
595 | {
|
586 | case $klingon: echo 'pIqaD'; break; |
596 | case $klingon: echo 'pIqaD'; break; |
587 | case $vulcan: echo 'Hitra-Zukitan'; break; |
597 | case $vulcan: echo 'Hitra-Zukitan'; break; |
588 | default: echo 'Original'; |
598 | // default: echo tr('Original');
|
589 | }
|
599 | }
|
590 | ?></span>
|
600 | ?></span>
|
591 | </div></li> |
601 | </div></li> |
592 | </ul> |
602 | </ul> |
593 | </div> |
603 | </div> |
594 | <div class="elbo-button"> |
604 | <div class="elbo-button"> |
595 | <span class="text" lang="<?php echo $language; ?>" |
605 | <span class="text" lang="<?php echo $language; ?>" |
596 | title="<?php echo tr("Date of last modification"); ?>" |
606 | title="<?php echo tr("Date of last modification"); ?>" |
597 | ><?php echo gmdate('Ym.d', $modi); ?></span> |
607 | ><?php echo gmdate('Ym.d', $modi); ?></span> |
598 | </div> |
608 | </div> |
599 | <div class="elbo" lang="<?php echo $language; ?>"> |
609 | <div class="elbo" lang="<?php echo $language; ?>"> |
600 | <span class="text"><abbr |
610 | <span class="text"><abbr |
601 | title="<?php echo tr('Library Computer Access and Retrieval System'); ?>" |
611 | title="<?php echo tr('Library Computer Access and Retrieval System'); ?>" |
602 | ><?php echo tr('LCARS'); ?></abbr> PE-22A</span> |
612 | ><?php echo tr('LCARS'); ?></abbr> PE-22A</span> |
603 | <div class="concave"> </div> |
613 | <div class="concave"> </div> |
604 | </div> |
614 | </div> |
605 | <div class="border"> |
615 | <div class="border"> |
606 | <div class="left"> </div> |
616 | <div class="left"> </div> |
607 | <div class="right"> </div> |
617 | <div class="right"> </div> |
608 | </div> |
618 | </div> |
609 | </div> |
619 | </div> |
610 | <div class="lower"> |
620 | <div class="lower"> |
611 | <div class="elbo"> |
621 | <div class="elbo"> |
612 | <div class="concave"> </div> |
622 | <div class="concave"> </div> |
613 | </div> |
623 | </div> |
614 | <div class="bg"> </div> |
624 | <div class="bg"> </div> |
615 | <div class="border-container"> |
625 | <div class="border-container"> |
616 | <div class="border"> |
626 | <div class="border"> |
617 | <div class="left"> </div> |
627 | <div class="left"> </div> |
618 | <div class="right"> </div> |
628 | <div class="right"> </div> |
619 | </div> |
629 | </div> |
620 | </div> |
630 | </div> |
621 | </div> |
631 | </div> |
622 | </div> |
632 | </div> |
623 | </div> |
633 | </div> |
624 | 634 |