[Sommaire] [Imprimer]

   1  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
   2  <!--
   3   * FCKeditor - The text editor for Internet - http://www.fckeditor.net
   4   * Copyright (C) 2003-2007 Frederico Caldeira Knabben
   5   *
   6   * == BEGIN LICENSE ==
   7   *
   8   * Licensed under the terms of any of the following licenses at your
   9   * choice:
  10   *
  11   *  - GNU General Public License Version 2 or later (the "GPL")
  12   *    http://www.gnu.org/licenses/gpl.html
  13   *
  14   *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
  15   *    http://www.gnu.org/licenses/lgpl.html
  16   *
  17   *  - Mozilla Public License Version 1.1 or later (the "MPL")
  18   *    http://www.mozilla.org/MPL/MPL-1.1.html
  19   *
  20   * == END LICENSE ==
  21   *
  22   * Useful page that enumerates all icons in the skins strips.
  23  -->
  24  <html xmlns="http://www.w3.org/1999/xhtml">
  25  <head>
  26      <title>FCKeditor - View Icons Strips</title>
  27      <style type="text/css">
  28          .TB_Button_Image
  29          {
  30              overflow: hidden;
  31              width: 16px;
  32              height: 16px;
  33              margin: 3px;
  34              background-repeat: no-repeat;
  35          }
  36  
  37          .TB_Button_Image img
  38          {
  39              position: relative;
  40          }
  41      </style>
  42      <script type="text/javascript">
  43  
  44  window.onload = function()
  45  {
  46      var eImg1 = document.createElement( 'img' ) ;
  47      eImg1.onload = Img_OnLoad ;
  48      eImg1.src = 'default/fck_strip.gif' ;
  49  
  50      var eImg2 = document.createElement( 'img' ) ;
  51      eImg2.onload = Img_OnLoad ;
  52      eImg2.src = 'office2003/fck_strip.gif' ;
  53  
  54      var eImg3 = document.createElement( 'img' ) ;
  55      eImg3.onload = Img_OnLoad ;
  56      eImg3.src = 'silver/fck_strip.gif' ;
  57  }
  58  
  59  var iTotalStrips = 3 ;
  60  var iMaxHeight = 0 ;
  61  
  62  function Img_OnLoad()
  63  {
  64      if ( iMaxHeight < this.height )
  65          iMaxHeight = this.height ;
  66  
  67      iTotalStrips-- ;
  68  
  69      if ( iTotalStrips == 0 )
  70          LoadIcons( iMaxHeight / 16 ) ;
  71  }
  72  
  73  function LoadIcons( total )
  74  {
  75      var xIconsTable = document.getElementById( 'xIconsTable' ) ;
  76  
  77      for ( var i = 0 ; i < total ; i++ )
  78      {
  79          var eRow = xIconsTable.insertRow(-1) ;
  80  
  81          var eCell = eRow.insertCell(-1) ;
  82          eCell.innerHTML = i + 1 ;
  83  
  84          eCell = eRow.insertCell(-1) ;
  85          eCell.align = 'center' ;
  86          eCell.style.border = '#dcdcdc 1px solid' ;
  87          eCell.innerHTML = '<div class="TB_Button_Image"><img src="default/fck_strip.gif" style="top:-' + ( i * 16 ) + 'px;"><\/div>' ;
  88  
  89          eCell = eRow.insertCell(-1) ;
  90          eCell.align = 'center' ;
  91          eCell.style.border = '#dcdcdc 1px solid' ;
  92          eCell.innerHTML = '<div class="TB_Button_Image"><img src="office2003/fck_strip.gif" style="top:-' + ( i * 16 ) + 'px;"><\/div>' ;
  93  
  94          eCell = eRow.insertCell(-1) ;
  95          eCell.align = 'center' ;
  96          eCell.style.border = '#dcdcdc 1px solid' ;
  97          eCell.innerHTML = '<div class="TB_Button_Image"><img src="silver/fck_strip.gif" style="top:-' + ( i * 16 ) + 'px;"><\/div>' ;
  98      }
  99  }
 100  
 101      </script>
 102  </head>
 103  <body>
 104      <table id="xIconsTable">
 105          <tr>
 106              <td rowspan="2">
 107                  Index</td>
 108              <td align="center" colspan="3">
 109                  Skins</td>
 110          </tr>
 111          <tr>
 112              <td width="80" align="center">
 113                  default</td>
 114              <td width="80" align="center">
 115                  office2003</td>
 116              <td width="80" align="center">
 117                  silver</td>
 118          </tr>
 119      </table>
 120  </body>
 121  </html>