[Sommaire] [Imprimer]

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