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