WebSVN - LCARS - Diff - Rev 92 and 95

       <!-- Klicken Sie hier, falls Sie nach 5 Sekunden nicht automatisch
            weitergeleitet werden. -->
 */
 ?>
       <hr style="height: 0; border-width: 1px 0 0 0; width: 100%">
+      <p style="text-align: center"><?php echo sprintf(
+          _("Original LCARS design by"
+            . " <a href='%s' title='%s'>Michael&nbsp;Okuda</a>."
+            . " This site is based on an <a href='%s'"
+            . " title='LCARS Standards Development Board'"
+            . ">implementation in Flash by Chris&nbsp;Rossi</a>,"
+            . " and research by <a href='%s'"
+            . " title='Creating a Coherent LCARS Interface'>Bracer&nbsp;Jack</a>"
+            . " and <a href='%s'"
+            . " title='LCARS 47 Development Blog&nbsp;– LCARS&nbsp;101: A Designer’s Handbook'"
+            . ">Eleanor&nbsp;Denver</a>."),
+          'https://twitter.com/MikeOkuda',
+          _('Michael Okuda on Twitter'),
+          'http://www.lcarsdeveloper.com/',
+          'http://www.bracercom.com/tutorial/content/CoherentLCARSInterface/LCARSCoherentInterface.html',
+          'http://www.lcars47.com/p/lcars-101.html');
+        ?><br>
-      <p style="text-align: center">Copyright &copy;&nbsp;2002&#8211;2013 <a
+        Copyright &copy;&nbsp;2002&#8211;2013 <a
         href="mailto:webmaster@PointedEars.de?subject=Feedback/LCARS/Welcome/<?php
           echo $language;
         ?>&amp;body=<?php
           echo rawurlencode(sprintf('[%s]', _("Your feedback")));
         ?>"
         title="<?php echo _("Send your feedback to PointedEars"); ?>"
         onmouseover="return mailStatus()"
         onmouseout="return resetStatus()"
         >Thomas ‘PointedEars’ Lahn</a>. <?php echo _("All rights reserved."); ?></p>
+      <p style="text-align: center"></p>
 <?php
       /* embed src="media/interface/speech/de/warten.wav" width="0" height="0"
       hidden="true" autostart="true" dir="ltr" lang="de" */
 ?>
     </div>
         <div class="upper">
           <div class="content">
             <div class="title"><span>Home</span></div>
             <div class="analysis">&nbsp;</div>
             <script type="text/javascript">
-              var fullScreen = (function () {
+              var fullscreen = (function () {
                 var _isHostMethod = jsx.object.isHostMethod;
                 return {
-                  isSupportedBy: function (elem) {
+                  getSupportedProperty: function (base, names, test) {
-                    var prefixes = ["r", "mozR", "webkitR"];
-                    var suffix = "equestFullscreen";
-                    for (var i = 0, len = prefixes.length; i < len; ++i)
+                    for (var i = 0, len = names.length; i < len; ++i)
+                    {
-                      var prefix = prefixes[i];
+                      var name = names[i];
-                      if (_isHostMethod(elem, prefix + suffix))
+                      if (test.call(null, base, name))
+                      {
-                        return prefix + suffix;
+                        return name;
+                      }
+                    }
-                    return false;
+                    return null;
                   },
+                  getSupportedCancel: (function () {
+                    var _supportedCancel;
-                  isEnabled: function () {
+                    return function () {
+                      if (typeof _supportedCancel == "undefined")
+                      {
+                        var properties = ["cancelFullScreen", "mozCancelFullScreen",
+                                          "webkitCancelFullScreen"];
+                        _supportedCancel = this.getSupportedProperty(document, properties, _isHostMethod);
+                      }
+                      return _supportedCancel;
+                    };
+                  }()),
+                  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) {
-                    return document.fullscreenEnabled || document.mozFullscreenEnabled || document.webkitFullscreenEnabled;
+                    var methods = ["requestFullscreen", "mozRequestFullscreen",
+                                   "webkitRequestFullscreen"];
+                    return this.getSupportedProperty(elem, methods, _isHostMethod);
                   },
-                  cancel: function (target, oldHandler, textTarget) {
+                  isFullscreen: function () {
-                    var prefixes = ["c", "mozC", "webkitC"];
+                    var properties = ["fullscreenElement", "mozFullscreenElement",
-                    var suffix = "ancelFullScreen";
+                                      "webkitFullscreenElement"];
+                    var supportedProperty = this.getSupportedProperty(
+                      document, properties,
+                      function (base, name) {
+                        return typeof base[name] != "undefined";
+                      });
+                    return supportedProperty && document[supportedProperty] != null;
+                  },
+                  cancel: function (target, oldHandler, textTarget) {
-                    for (var i = 0, len = prefixes.length; i < len; ++i)
+                    var supportedCancel = this.getSupportedCancel();
+                    if (supportedCancel)
+                    {
-                      var prefix = prefixes[i];
+                      document[supportedCancel]();
+                      var supportedElement = this.getSupportedElement();
-                      if (_isHostMethod(document, prefix + suffix))
+                      if (supportedElement)
+                      {
-                        document[prefix + suffix]();
+                        if (document[supportedElement] == null)
-                        /* NOTE: ...FullscreenEnabled not reliable after cancel */
-                        if (textTarget)
-                        {
-                          textTarget.textContent = "<?php echo _("Fullscreen"); ?>";
-                        }
-                        if (target)
+                        {
+                          if (textTarget)
+                          {
+                            textTarget.textContent = "<?php echo _("Fullscreen"); ?>";
+                          }
+                          if (target)
+                          {
-                          target.onclick = oldHandler;
+                            target.onclick = oldHandler;
+                          }
+                        }
+                      }
+                    }
                   },
                     var requestMethodName;
                     if (elem && (requestMethodName = this.isSupportedBy(elem)))
+                    {
                       elem[requestMethodName]();
-                      if (textTarget && this.isEnabled())
+                      if (textTarget && this.isFullscreen())
+                      {
                         var oldText = textTarget.textContent;
                         var me = this;
                         var oldHandler = eventTarget.onclick;
                         eventTarget.onclick = function () {
                 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"
-                   onclick="fullScreen.requestOn(document.documentElement, this, this.firstChild)"
+                   onclick="fullscreen.requestOn(document.documentElement, this, this.firstChild)"
                    onkeyup="if (event.keyCode == 13) { this.onclick(); this.onmouseup(); }"
                    onmouseup="this.blur()"
                    tabindex="1"
                    ><span class="text"><script type="text/javascript">
-                     if (fullScreen.isSupportedBy(document.documentElement))
+                     if (fullscreen.isSupportedBy(document.documentElement))
+                     {
+                       /*
+                       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);
+                           }
+                           else
+                           {
+                             fullscreen.cancel(target, oldHandler, textTarget);
+                           }
+                           previousIsFullscreen = nowIsFullscreen;
+                         }
+                       };
+                       */
                        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>

Subversion Repositories LCARS

(root)/trunk/index.phtml - Rev 92 → 95