scripts/fckeditor2.6.6/editor/skins/_fckviewstrips.html

   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-2010 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>