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