WebSVN - LCARS - Diff - Rev 119 and 121 - /branches/live/index.phtml

             <div class="analysis">
               <table>
                 <tr>
                   <th><?php echo _('Display'); ?>:</th>
                   <td><script type="text/javascript">
-                    var dim = {
+                    (function () {
-                      getScreen: function () {
+                      var screenInfo = {
-                        return screen.width + "×" + screen.height;
+                        getDim: function () {
-                      },
+                          return {
-                      getAvail: function () {
+                            width: screen.width,
-                        return screen.availWidth + "×" + screen.availHeight;
+                            height: screen.height
-                      },
+                          };
-                      getInner: function () {
-                        return window.innerWidth + "×" + window.innerHeight;
-                      },
+                        },
-                      getColorDepth: function () {
+                        getAvailDim: function () {
+                          return {
+                            width:  screen.availWidth,
-                        return (screen.colorDepth || screen.pixelDepth);
+                            height: screen.availHeight
-                      }
+                          };
-                    };
+                        },
+                        getInnerDim: function () {
-                    var displayInfo;
+                          return {
+                            width:  window.innerWidth,
+                            height: window.innerHeight
-                    (function () {
+                          };
-                      displayInfo =
+                        },
+                        getColorDepth: function () {
-                          '<span id="screenDim">' + dim.getScreen() + '<\/span>'
+                          return (screen.colorDepth || screen.pixelDepth);
+                        }
+                      };
+                      var dim = {
-                        + ' (<span id="availDim">' + dim.getAvail() + "<\/span> <?php echo _('available'); ?>,"
+                        getScreenText: function () {
-                        + ' <span id="innerDim">' + dim.getInner() + "<\/span> <?php echo _('used'); ?>) <?php echo _('pixels'); ?>"
+                          var screenDim = screenInfo.getDim();
-                        + ' ×&nbsp;2<sup><span id="colorDepth">' + dim.getColorDepth() + "<\/span><\/sup> <?php echo _('colors'); ?>";
+                          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>' : "")
+                          + (availDimText ? ' (<span id="availDim">' + availDimText + "<\/span>" : "")
+                          + (innerDimText ? '<span id="innerDim">' + innerDimText + "<\/span>) <?php echo _('pixels'); ?>" : "")
+                          + (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;
+                      window.onresize = function () {
+                        /* FIXME: Also update title attribute value */
+                        if (typeof oScreenDim == "undefined") oScreenDim = document.getElementById("screenDim");
+                        if (oScreenDim) oScreenDim.innerHTML = dim.getScreenText();
+                        if (typeof oAvailDim == "undefined") oAvailDim = document.getElementById("availDim");
+                        if (oAvailDim) oAvailDim.innerHTML = dim.getAvailText();
+                        if (typeof oInnerDim == "undefined") oInnerDim = document.getElementById("innerDim");
+                        if (oInnerDim) oInnerDim.innerHTML = dim.getInnerText();
+                      };
+                      var oColorDepth;
+                      window.setTimeout(function () {
+                        if (typeof oColorDepth == "undefined")
+                        {
+                          oColorDepth = document.getElementById("colorDepth");
+                        }
+                        if (oColorDepth)
+                        {
+                          /* FIXME: Also update title attribute value */
+                          oColorDepth.innerHTML = dim.getColorDepthText();
+                        }
+                      }, 1000);
                     }());
-                    window.onresize = function () {
-                      /* FIXME: Update whole title text */
-                      document.getElementById("screenDim").innerHTML = dim.getScreen();
-                      document.getElementById("availDim").innerHTML = dim.getAvail();
-                      document.getElementById("innerDim").innerHTML = dim.getInner();
-                    };
-                    window.setTimeout(function () {
-                      /* FIXME: Update whole title text */
-                      document.getElementById("colorDepth").innerHTML = dim.getColorDepth();
-                    }, 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;
                       window.setTimeout(function () {
+                        if (typeof oUA == "undefined")
+                        {
+                          oUA = document.getElementById("ua");
+                        }
+                        if (oUA)
+                        {
-                        document.getElementById("ua").innerHTML = navigator.userAgent;
+                          oUA.innerHTML = navigator.userAgent;
+                          /* Converts CREs */
+                          oUA.title = oUA.innerHTML;
+                        }
                       }, 1000);
                     }());
                   </script><noscript><?php echo _('N/A'); ?></noscript></td>
                 </tr>
                 <tr>
+                      }
                       var sFeatures = getFeatures();
                       document.write('<span id="features" title="' + sFeatures + '">' + sFeatures + '<\/span>');
+                      var oFeatures;
                       window.setTimeout(function () {
-                        var sFeatures = getFeatures();
+                        if (typeof oFeatures == "undefined")
+                        {
-                        var oFeatures = document.getElementById("features");
+                          oFeatures = document.getElementById("features");
+                        }
+                        if (oFeatures)
+                        {
-                        oFeatures.innerHTML = sFeatures;
+                          oFeatures.innerHTML = getFeatures();
-                        /* Converts CREs */
+                          /* Converts CREs */
-                        oFeatures.title = oFeatures.innerHTML;
+                          oFeatures.title = oFeatures.innerHTML;
+                        }
                       }, 1000);
                     }());
                   </script><noscript><?php echo _('N/A'); ?></noscript></td>
                 </tr>
               </table>
                 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)"
-                   onkeyup="if (event.keyCode == 13) { this.onclick(); this.onmouseup(); }"
+                   onkeyup="if (event.keyCode == 13) { this.onclick(); }"
-                   onmouseup="this.blur()"
                    tabindex="1"
                    ><span class="text"><script type="text/javascript">
                      if (fullscreen.isSupportedBy(document.documentElement))
+                     {
 <?php /*

Subversion Repositories LCARS

(root)/branches/live/index.phtml @ 213 - Rev 119 → 121