WebSVN - LCARS - Diff - Rev 143 and 145

 <!DOCTYPE html>
 <html lang="<?php echo $language; ?>">
   <head>
     <title>Home — PointedEars’ Website</title>
     <link rel="SHORTCUT ICON" href="favicon.ico">
     <!-- Browsers: Character Encoding -->
     <meta charset="UTF-8">
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     <!-- Robots: Index, Subordinated Files, Description, Author,
          Keywords, Document Date -->
     <meta name="robots" content="index">
     <meta name="robots" content="follow">
 <?php /*
     <meta name="description"
           content="PointedEars' Website: <?php
             $description = _("Access to the United Federation of Planets Databanks, an online songbook and software downloads always worth a click. Coming soon: The best internet links categorized and much more via a bilingual (English/German) LCARS terminal styled user interface that can be also used to surf the web anonymously! Bookmark NOW!");
             echo $description;
             ?>">
 */ ?>
     <meta name="author" content="Thomas ‘PointedEars’ Lahn">
     <?php /* No localization of keywords at the time */ ?>
     <meta name="keywords"
           content="Appz, Download, Links, LCARS, Star Trek, TNG, The Next Generation, DS9, Deep Space 9, Deep Space Nine, VOY, Voyager, UFP, Federation, United Federation of Planets, Database, Databank, Song, Songbook, Surf, anonymously, Raumschiff Enterprise, DNG, Die n&auml;chste Generation, VFP, F&ouml;deration, Vereinte F&ouml;deration der Planeten, Datenbasis, Datenbank, Lied, Liedtext, surfen, anonym">
 <?php /*
     <meta name="keywords" http-equiv="Keywords" lang="de" content="">
     <meta name="keywords" http-equiv="Keywords" lang="en-us" content="">
     <meta name="keywords" http-equiv="Keywords" lang="en" content="">
 */ ?>
     <meta name="revisit-after" content="3 days">
     <!-- Robots: Dublin Core Metadata (http://purl.org/metadata/dublin_core) -->
     <meta name="dcterms.title" content="PointedEars’ Website">
     <meta name="dcterms.creator" content="Thomas ‘PointedEars’ Lahn">
     <meta name="dcterms.subject" content="Private Web site">
 <?php /*
     <meta name="dcterms.description"
           content="PointedEars' Website: <?php echo $description; ?>">
 */ ?>
     <meta name="dcterms.publisher" content="PointedEars">
     <meta name="dcterms.date" content="2002-05-23T10:56:00+02:00">
     <meta name="dcterms.created" content="2002-05-23">
     <meta name="dcterms.modified" content="<?php echo gmdate('Y-m-dTH:i:sO', $modi); ?>">
 <?php /*
     <meta name="dcterms.type" content="">
     <meta name="dcterms.format" content="">
 */ ?>
     <meta name="dcterms.identifier" content="http://pointedears.de/index.<?php echo $language; ?>">
     <meta name="dcterms.language" content="<?php echo $language; ?>">
     <meta name="dcterms.rightsHolder"
           content="Copyright © 2002&#8211;<?php echo gmdate('Y', $modi); ?> Thomas&nbsp;Lahn.">
     <meta name="dcterms.rights"
           content="<?php echo _("All rights reserved."); ?> <?php echo _("The author is not responsible for the availability and the content of websites referred by this site, and not responsible for the availability and the content of websites referred by those sites. Whereever outsourced material is used, copyright or trademark infringement is not intended. Third parties who claim copyrights or trademarks used herein are asked to send an informal email to webmaster@PointedEars.de for immediate removal or modification of the respective material on the website instead of reminding the author of usage of this material. Thank you."); ?>">
 <?php /*
     <!-- <link rel="stylesheet" type="text/css" href="styles/lcars.css"> -->
     <!-- <link rel="stylesheet" type="text/css" href="styles/lcars21.css"> -->
     <!-- No optimization here: IE 9 in non-Compatibility Mode sends "Accept: text/css",
          Apache responds with 406:
          http://blog.s9y.org/archives/227-ie9-has-trouble-with-css-content-types.html -->
 */ ?>
     <link rel="stylesheet" type="text/css" href="styles/lcars-basic">
 <?php
   $isLocal = ($_SERVER['HTTP_HOST'] === 'localhost');
   $printable = (isset($_GET['printable']) && $_GET['printable'] === '1');
   if (!$printable)
+  {
 ?>
     <link rel="stylesheet" type="text/css" href="styles/lcars22<?php
       if (isset($_GET['ani']) && $_GET['ani'] !== '')
+      {
         echo '?ani=' . $_GET['ani'];
+      }
     ?>">
 <?php
+  }
 ?>
     <style type="text/css">
       <!--
       p {
         max-width: 100%;
+      }
       -->
     </style>
     <script type="text/javascript" src="scripts/builder?src=object,dom,dom/storage,dom/events,dom/timeout,dom/window<?php
       if ($isLocal)
+      {
         ?>&amp;verbose=1&amp;debug=1<?php
+      }
     ?>"></script>
     <script type="text/javascript">
 <?php
       /*
       var ms1Day = 60*60*24*1000; // ms for 1 days = 60sec*60min*24hours*1000ms
       var msLeaveDays = ms1Day*6;
       var ms30Days=ms1Day*30;
       var delta;
       var newTime=new Date();
       var msTime=newTime.getTime();
       var msExpire=msTime+ms30Days;
       var expireTime=new Date(msExpire);
       cookieVal=
           "savedTime=" + newTime.toGMTString()
         + "; expires=" + expireTime.toGMTString()
         + "; domain=anybody"
         + "; path=/";
       document.cookie= cookieVal;
       */
 ?>
       function body_load ()
+      {
         if (typeof this.ontouchstart != 'undefined')
+        {
           this.ontouchstart = function () {};
+        }
         if (fullscreen.isSupportedBy(document.documentElement))
+        {
           var fullscreenLI = jsx.dom.getElementById("cmd3");
           fullscreenLI.firstChild.style.cursor = "";
+        }
+      }
     </script>
     <?php /* <bgsound src="media/interface/sound/beginop.wav" loop="infinite"> */ ?>
   </head>
   <body class="fade-in" onload="body_load()">
     <div id="content">
       <h1 style="text-align: center"><img
             src="media/video/img/vulcan_hand-black-bg.png"
             width="120"
             height="168"
             alt="<?php echo _("Vulcan greeting"); ?>"
             title="<?php echo _("Vulcan greeting"); ?>"
             style="border: none; cursor: default"
             onmouseover="return setStatus(this.title)"
             onmouseout="return resetStatus()"><br>
         <?php echo _("Welcome to PointedEars’ Website"); ?></h1>
 <?php
   if (!$printable)
+  {
 ?>
       <p class="instruction" style="font-size: 100%; text-align: center"><?php
         echo sprintf(
           _("This site uses recent <a href='https://developer.mozilla.org/en-US/docs/'"
             . " title='Learn more: Mozilla Developer Network'>Web technologies</a>."
             . " You can use the <a href='index.%s?printable=1'>%s</a>"
             . " if it is not displayed properly with your software."),
           $language,
           _('Printable version'));
         ?></p>
 <?php
+  }
   /*
       <p>
         | <a href="leisure/" target="_top"
             >Freizeit-Datenbank</a>
         | <a href="mozilla/" target="_top">Mozilla</a>
         | <a href="poetry/" target="_top">Poesie</a>
   */
   /*
         | [<abbr title="nur in englischer Sprache verf&uuml;gbar"
                  >en</abbr>]
         | <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
   */
   /*
         | <a href="lyrics/" target="_top">Songbook</a>
         | </p>
   */
               /*
       <p><a href="about/worm.de.html" target="_top"
             >Seltsame E-Mails bekommen?</a></p>
                */
 /*
       <noscript>
         <a
           href="http://pointedears.de/"
           title="PointedEars' Website"
           >Diese Website zu Ihren Lesezeichen hinzuf&uuml;gen</a>
       </noscript>
       <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
            weitergeleitet werden. -->
 */
 ?>
 <?php
   $app = "Welcome/$language";
   require_once 'footer.phtml';
       /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
       hidden="true" autostart="true" dir="ltr" lang="de" */
 ?>
     </div>
     <div id="LCARS">
 <?php /*
       <div id="button-grid" style="position: absolute; opacity: 0.3">
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; clear: left; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
         <a class="button" style="display: block; float: left"><span class="text">Button 1</span></a>
       </div>
 */ ?>
       <div id="bow">
         <div id="bow-top">
           <div class="separator-left">&nbsp;</div>
           <div class="text"><span>PointedEars’ Website</span></div>
         </div>
         <div id="bow-top-left">
           <div class="concave">&nbsp;</div>
           <div style="position: absolute; top: 3.2em; left: 0; background-color: black">
             <div class="bow" style="margin-top: 0.2em; width: 8em; height: 1em">&nbsp;</div>
           </div>
         </div>
         <div id="bottom">
           <div id="bow-bottom">
             <div class="concave">&nbsp;</div>
             <div class="spacer">&nbsp;</div>
         </div>
         </div>
         <div class="menu-container">
           <nav class="menu">
             <ul style="padding-top: 1em">
             <?php foreach ($languages as $key => $name): ?>
               <li><a href="index.<?php echo $key; ?>?ani=0"
                      class="button<?php if ($language === $key) { ?> selected<?php } ?>"
                      tabindex="2"><span class="text"><?php echo $name; ?></span></a></li>
             <?php endforeach; ?>
             </ul>
             <div class="bow" style="margin-bottom: 0.4em; width: 8em; height: 0.4em">&nbsp;</div>
             <ul style="margin-bottom: 1.2em">
               <li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
               <li><a href="<?php echo $menu['es-matrix']['path']; ?>" target="_top" class="button"
                      title="<?php echo $menu['es-matrix']['title']; ?>"
                      ><span class="text"><?php echo $menu['es-matrix']['text']; ?></span></a></li>
               <li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
             </ul>
             <ul style="margin-bottom: 0.2em">
               <li><a href="psf/" target="_top"
                  class="button ancillary"
                  ><abbr title="<?php echo _("PointedEars' Standard Frases"); ?>"
                         class="text">psf</abbr></a></li>
             <li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button ancillary"
                      title="List of recommended TV shows and episodes, with logos in CSS"
                      ><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
               <li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
                      ><abbr title="<?php echo $menu['ufpdb']['title']; ?>"
                             class="text"><?php echo $menu['ufpdb']['text']; ?></abbr></a></li>
             </ul>
             <div style="position: relative; margin-bottom: 1.2em">
               <div class="bow" style="width: 8em; height: 0.8em">&nbsp;</div>
             </div>
             <ul>
               <li><a href="http://climateapps2.oerc.ox.ac.uk/cpdnboinc/show_user.php?userid=648544"
                      target="_top" class="button secondary"
                      title="<?php echo _("The world’s largest climate forecasting experiment for the 21st century"); ?>"
                      ><span class="text">climateprediction.net</span></a></li>
 <?php /* http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn */ ?>
               <li><a href="<?php echo _("http://folding.stanford.edu/English/HomePage"); ?>"
                      target="_top" class="button secondary"
                      title="<?php echo _("Distributed computing to understand protein folding, protein aggregation, and related diseases"); ?>"
                      ><span class="text">Folding at home</span></a></li>
              <li><a href="http://lhcathomeclassic.cern.ch/sixtrack/show_user.php?userid=221181"
                     target="_top" class="button secondary"
                     title="<?php echo _("Particle physics research with the Large Hadron Collider at CERN"); ?>"
                     ><span class="text">LHC at home</span></a></li>
              <li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
                     target="_top" class="button secondary"
                     title="<?php echo _("The Search for Extra-Terrestrial Intelligence at HOME"); ?>"
                     ><span class="text">SETI at home</span></a></li>
            </ul>
 <?php /*
             <script type="text/javascript">
               var sURL = location.href;
               var sFavAnchorTitle =
                   "Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
                 + " hinzuzufügen";
               var sOtherAnchorTitle =
                   "Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
                 + " Ihren Lesezeichen hinzuzufügen";
               var sFavoriteTitle = "PointedEars' Website";
               if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
+              {
                 document.write(
                     '<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
                   + '  <div class="bow" style="width: 8em; height: 1em">&nbsp;<\/div>'
                   + '  <div class="bow" style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em">&nbsp;<\/div>'
                   + '</div>'
                   + '<a href="javascript:window.external.AddFavorite('
                   + ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
                   + ' class="button"'
                   + ' onclick="window.external.AddFavorite('
                   + ' sURL, sFavoriteTitle); return false"'
                   + ' onmouseover="return setStatus(sFavAnchorTitle)"'
                   + ' onmouseout="return resetStatus()"'
                   + '><span class="text">Favorit<\/span><\/a>');
+              }
             </script>
 */ ?>
           </nav>
         </div>
       </div>
       <div id="connectors">
         <div class="bow top left">&nbsp;</div>
         <div class="bow top right">&nbsp;</div>
         <div class="bow mid left">&nbsp;</div>
         <div class="bow mid right">&nbsp;</div>
       </div>
       <div class="multi-display">
         <div class="upper">
           <div class="content">
             <div class="title"><span>Home</span></div>
             <div class="analysis">
               <table>
                 <tr>
                   <th><?php echo _('Display'); ?>:</th>
                   <td><script type="text/javascript">
                     var runAsync = jsx.dom.timeout.runAsync;
                     (function () {
                       var screenInfo = jsx.dom.window.screenInfo;
                       var dim = {
                         getScreenText: function () {
                           var screenDim = screenInfo.getDim();
                           return screenDim.width + "×" + screenDim.height;
                         },
                         getAvailText: function () {
                           var availDim = screenInfo.getAvailDim();
                           return availDim.width + "×" + availDim.height + " <?php echo _('available'); ?>";
                         },
                         getInnerText: function () {
                           var innerDim = screenInfo.getInnerDim();
                           return ", " + innerDim.width + "×" + innerDim.height + " <?php echo _('used'); ?>";
                         },
                         getColorDepthText: function () {
                           var colorDepth = screenInfo.getColorDepth();
                           return colorDepth
                             ? '2<sup>' + colorDepth + "<\/sup> <?php echo _('colors'); ?>"
                             : "";
+                        }
                       };
                       var screenDimText = dim.getScreenText();
                       var availDimText = dim.getAvailText();
                       var innerDimText = dim.getInnerText();
                       var colorDepthText = dim.getColorDepthText();
                       var displayInfo = (screenDimText || availDimText || innerDimText || colorDepthText)
                         ?   (screenDimText ? '<span id="screenDim">' + screenDimText + '<\/span> <?php echo _('pixels'); ?>' : "")
                           + (availDimText ? ' (<span id="availDim">' + availDimText + "<\/span>" : "")
                           + (innerDimText ? '<span id="innerDim">' + innerDimText + "<\/span>)" : "")
                           + (colorDepthText ? ' ×&nbsp;<span id="colorDepth">' + colorDepthText + "<\/span>" : "")
                         : "<?php echo _('N/A'); ?>";
                       /* FIXME: Convert HTML to text, update whole title text */
                       document.write('<span>' + displayInfo + '<\/span>');
                       var oScreenDim;
                       var oAvailDim;
                       var oInnerDim;
                       var _gEBI = jsx.dom.getElementById;
                       jsx.dom.addEventListener(window, "resize", function () {
                         /* FIXME: Also update title attribute value */
                         if (typeof oScreenDim == "undefined") oScreenDim = _gEBI("screenDim");
                         if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
                         if (typeof oAvailDim == "undefined") oAvailDim = _gEBI("availDim");
                         if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
                         if (typeof oInnerDim == "undefined") oInnerDim = _gEBI("innerDim");
                         if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
                       });
                       var oColorDepth;
                       runAsync(function () {
                         if (typeof oColorDepth == "undefined")
+                        {
                           oColorDepth = document.getElementById("colorDepth");
+                        }
                         if (oColorDepth)
+                        {
+                          var colorDepthText = dim.getColorDepthText();
                           /* FIXME: Also update title attribute value */
+                          if (oColorDepth.innerHTML != colorDepthText)
+                          {
-                          oColorDepth.innerHTML = dim.getColorDepthText();
+                            oColorDepth.innerHTML = colorDepthText;
+                          }
+                        }
                         this.run();
                       }, 1000);
                     }());
                   </script><noscript><?php echo _('N/A'); ?></noscript></td>
                 </tr>
                 <tr>
                   <th><?php echo _('User Agent'); ?>:</th>
                   <td><script type="text/javascript">
                     (function () {
                       var ua = navigator.userAgent;
                       document.write('<span id="ua" title="' + ua + '">' + ua + '<\/span>');
                       var oUA;
                       runAsync(function () {
                         if (typeof oUA == "undefined")
+                        {
                           oUA = document.getElementById("ua");
+                        }
                         if (oUA)
+                        {
-                          oUA.innerHTML = navigator.userAgent;
+                          var ua = navigator.userAgent;
+                          if (oUA.innerHTML != ua)
+                          {
+                            oUA.innerHTML = ua;
+                          }
                           /* Converts CREs */
-                          oUA.title = oUA.innerHTML;
+                          var oUAhtml = oUA.innerHTML
+                          if (oUA.title != oUAhtml)
+                          {
+                            oUA.title = oUAhtml;
+                          }
+                        }
                         this.run();
                       }, 1000);
                     }());
                   </script><noscript><?php echo _('N/A'); ?></noscript></td>
                 </tr>
                 <tr>
                   <th><?php echo _('Features'); ?>:</th>
                   <td><script type="text/javascript">
-                    <?php /* FIXME: Move to window.js, keep i18n */ ?>
-                    var fullscreen = jsx.dom.window.fullscreen = (function () {
+                    var fullscreen = jsx.dom.window.fullscreen;
-                      var _isHostMethod = jsx.object.isHostMethod;
+                    (function () {
+                      function getFeatures ()
-                      return {
+                      {
+                        var features = [];
-                        getSupportedProperty: function (base, names, test) {
+                        if (typeof document.cookie != "undefined")
+                        {
-                          for (var i = 0, len = names.length; i < len; ++i)
+                          var cookiesText = "<?php echo _('Cookies'); ?>"
+                          if (navigator.cookieEnabled)
+                          {
-                            var name = names[i];
-                            if (test.call(null, base, name))
-                            {
-                              return name;
+                            if (document.cookie)
-                            }
-                          }
-                          return null;
-                        },
-                        getSupportedCancel: (function () {
-                          var _supportedCancel;
-                          return function () {
-                            if (typeof _supportedCancel == "undefined")
+                            {
-                              var properties = ["cancelFullScreen", "mozCancelFullScreen",
-                                                "webkitCancelFullScreen"];
+                              features.push(cookiesText);
-                              _supportedCancel = this.getSupportedProperty(document, properties, _isHostMethod);
+                            }
-                            return _supportedCancel;
-                          };
+                            else
-                        }()),
-                        getSupportedElement: (function () {
-                          var _supportedElement;
-                          return function () {
-                            if (typeof _supportedElement == "undefined")
+                            {
-                              var properties = ["fullscreenElement", "mozFullscreenElement",
-                                                "webkitFullscreenElement"];
-                              _supportedElement = this.getSupportedProperty(document, properties,
-                                function (base, name) {
-                                  return typeof base[name] != "undefined";
-                                });
-                            }
-                            return _supportedElement;
-                          };
-                        }()),
-                        isSupportedBy: function (elem) {
-                          var methods = ["requestFullscreen", "mozRequestFullscreen",
-                                         "webkitRequestFullscreen"];
-                          return this.getSupportedProperty(elem, methods, _isHostMethod);
-                        },
-                        isFullscreen: function () {
-                          var properties = ["fullscreenElement", "mozFullscreenElement",
-                                            "webkitFullscreenElement"];
-                          var supportedProperty = this.getSupportedProperty(
-                            document, properties,
-                            function (base, name) {
-                              return typeof base[name] != "undefined";
+                              features.push('<span class="unavailable"'
-                            });
-                          return supportedProperty && document[supportedProperty] != null;
-                        },
-                        cancel: function (target, oldHandler, textTarget) {
-                          var supportedCancel = this.getSupportedCancel();
-                          if (supportedCancel)
-                          {
-                            document[supportedCancel]();
-                            var supportedElement = this.getSupportedElement();
-                            if (supportedElement)
-                            {
-                              if (document[supportedElement] == null)
-                              {
-                                if (textTarget)
-                                {
-                                  textTarget.textContent = "<?php echo _("Fullscreen"); ?>";
+                                +' title="Cookies supported, but no data for this site">' + cookiesText + '<\/span>');
-                                }
-                                if (target)
-                                {
-                                  target.onclick = oldHandler;
-                                }
-                              }
+                            }
+                          }
-                        },
+                          else
-                        requestOn: function (elem, eventTarget, textTarget) {
-                          var requestMethodName;
-                          if (elem && (requestMethodName = this.isSupportedBy(elem)))
+                          {
-                            elem[requestMethodName]();
-                            if (textTarget && this.isFullscreen())
-                            {
-                              var oldText = textTarget.textContent;
-                              var me = this;
-                              var oldHandler = eventTarget.onclick;
-                              eventTarget.onclick = function () {
-                                me.cancel(this, oldHandler, textTarget);
-                              };
-                              textTarget.textContent = "<?php echo _("Window"); ?>";
+                            features.push('<span class="offline" title="Cookies supported, but disabled">' + cookiesText + '<\/span>');
-                            }
+                          }
+                        }
+                        if (fullscreen.isSupportedBy(document.documentElement))
-                      };
+                        {
+                          features.push("<?php echo _('Fullscreen'); ?>");
-                    }());
+                        }
+                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length)
-                    (function () {
+                        {
-                      function getFeatures ()
+                          features.push("<?php echo _('Gamepad'); ?>");
-                      {
+                        }
-                        var features = [];
+                        if (navigator.geolocation)
+                        {
-                        if (navigator.cookieEnabled) features.push("<?php echo _('Cookies'); ?>");
+                          features.push("<?php echo _('Geolocation'); ?>");
-                        if (fullscreen.isSupportedBy(document.documentElement)) features.push("<?php echo _('Fullscreen'); ?>");
+                        }
-                        if (navigator.webkitGetGamepads && navigator.webkitGetGamepads().length) features.push("<?php echo _('Gamepad'); ?>");
+                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled())
+                        {
-                        if (navigator.geolocation) features.push("<?php echo _('Geolocation'); ?>");
+                          features.push("Java");
-                        if (typeof navigator.javaEnabled != "undefined" && navigator.javaEnabled()) features.push("Java");
+                        }
                         var storage = jsx.dom.storage;
                         if (storage.localStorage.isSupported()) features.push("Local Storage");
+                        if (navigator.plugins)
+                        {
-                        if (navigator.plugins) features.push("Plugins");
+                          if (navigator.plugins.length > 0)
+                          {
+                            features.push('<span title="'
+                              + navigator.plugins.length
+                              + ' plugins installed">Plugins<\/span>');
+                          }
+                          else
+                          {
+                                features.push('<span class="unavailable" title="Plugins supported, but none detected">Plugins<\/span>');
+                          }
+                        }
-                        if (storage.sessionStorage.isSupported()) features.push("Session Storage");
+                        if (storage.sessionStorage.isSupported())
+                        {
+                          features.push("Session Storage");
+                        }
                         if (typeof window.ontouchstart != "undefined") features.push("Touch");
                         return features.join(" &#8226; ");
+                      }
+                      function stripTags (s)
+                      {
+                        return s.replace(/<[^>]+>/g, "")
+                      }
                       var sFeatures = getFeatures();
-                      document.write('<span id="features" title="' + sFeatures + '">' + sFeatures + '<\/span>');
+                      document.write('<span id="features" title="' + stripTags(sFeatures) + '">' + sFeatures + '<\/span>');
                       var oFeatures;
+                      var oFeaturesHtml;
                       var tFeatures = runAsync(function () {
                         if (typeof oFeatures == "undefined")
+                        {
                           oFeatures = document.getElementById("features");
+                        }
                         if (oFeatures)
+                        {
+                          var sNewFeatures = getFeatures();
+                          if (!oFeaturesHtml)
+                          {
+                            oFeaturesHtml = document.createElement("span");
+                          }
+                          if (oFeaturesHtml)
+                          {
+                            oFeaturesHtml.innerHTML = sNewFeatures;
+                            sNewFeatures = oFeaturesHtml.innerHTML;
+                          }
+                          if (oFeatures.innerHTML != sNewFeatures)
+                          {
-                          oFeatures.innerHTML = getFeatures();
+                            oFeatures.innerHTML = sNewFeatures;
+                          }
                           /* Converts CREs */
-                          oFeatures.title = oFeatures.innerHTML;
+                          var newTitle = stripTags(oFeatures.innerHTML)
+                          if (oFeatures.title != newTitle)
+                          {
+                            oFeatures.title = newTitle;
+                          }
+                        }
                         tFeatures = this.run();
                       }, 1000);
                     }());
+                    var windowText = "<?php echo _("Window"); ?>";
                   </script><noscript><?php echo _('N/A'); ?></noscript></td>
                 </tr>
               </table>
             </div>
             <ul class="commands">
               <li id="cmd1"><a href="index.php"
                 title="Language selection"
                 tabindex="1"
                 class="button left right"
                 onmouseover="return setStatus(this.title + ': ' + this.href)"
                 onmouseout="return resetStatus()"
                 onfocus="return this.onmouseover()"
                 onblur="return this.onmouseout()"
                 ><abbr class="text" title="Language selection">Language</abbr></a></li>
               <li id="cmd2"><a href="index.<?php echo $language; ?>?printable=1"
                 title="<?php echo _('Printable version'); ?>"
                 tabindex="1"
                 class="button left right"
                 onmouseover="return setStatus(this.title + ': ' + this.href)"
                 onmouseout="return resetStatus()"
                 onfocus="return this.onmouseover()"
                 onblur="return this.onmouseout()"
                 ><span class="text"><?php echo _("Printable"); ?></span></a></li>
               <li id="cmd3"><div class="button left right"
                    style="cursor: not-allowed !important"
-                   onclick="fullscreen.requestOn(document.documentElement, this, this.firstChild)"
+                   onclick="fullscreen.requestOn(document.documentElement, this, this.firstChild, windowText)"
                    onkeyup="if (event.keyCode == 13) { this.onclick(); }"
                    ><span class="text"><script type="text/javascript">
                      if (fullscreen.isSupportedBy(document.documentElement))
+                     {
 <?php /*
                        var previousIsFullscreen = fullscreen.isFullscreen();
                        var oldHandler;
                        window.onresize = function () {
                          var nowIsFullscreen = fullscreen.isFullscreen();
                          if (nowIsFullscreen != previousIsFullscreen)
+                         {
                            var cmd3 = document.getElementById("cmd3");
                            var target = cmd3.firstChild;
                            var textTarget = target.firstChild;
                            if (nowIsFullscreen)
+                           {
                              oldHandler = target.onclick;
-                           //   fullscreen.requestOn(document.documentElement, cmd3.firstElementChild, cmd3.firstElementChild.firstElementChild);
+                           //   fullscreen.requestOn(document.documentElement, cmd3.firstElementChild, cmd3.firstElementChild.firstElementChild, windowText);
+                           }
                            else
+                           {
-                             fullscreen.cancel(target, oldHandler, textTarget);
+                             fullscreen.cancel(target, oldHandler, textTarget, "<?php echo _("Fullscreen"); ?>");
+                           }
                            previousIsFullscreen = nowIsFullscreen;
+                         }
                        };
 */ ?>
                        jsx.dom.addEventListener(window, "load", function () {
                          var cmd3 = jsx.dom.getElementById("cmd3");
                          if (cmd3)
+                         {
                            cmd3.firstChild.tabIndex = "1";
+                         }
                        });
                        document.write("<?php echo _("Fullscreen"); ?>");
+                     }
                    </script></span></div></li>
               <li id="cmd4"><div class="button left right" style="cursor: not-allowed !important">&nbsp;</div></li>
             </ul>
           </div>
           <div class="elbo-button">
             <span class="text" title="<?php echo _("Date of last modification"); ?>"
                   ><?php echo gmdate('Ym.d', $modi); ?></span>
           </div>
           <div class="elbo">
             <span class="text"><abbr title="Library Computer Access and Retrieval System">LCARS</abbr> PE-22A</span>
             <div class="concave">&nbsp;</div>
           </div>
           <div class="border">
             <div class="left">&nbsp;</div>
             <div class="right">&nbsp;</div>
           </div>
         </div>
         <div class="lower">
           <div class="elbo">
             <div class="concave">&nbsp;</div>
           </div>
           <div class="bg">&nbsp;</div>
           <div class="border-container">
             <div class="border">
               <div class="left">&nbsp;</div>
               <div class="right">&nbsp;</div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </body>
 </html>

Subversion Repositories LCARS

(root)/trunk/index.phtml @ 146 - Rev 143 → 145