httemplate/elements/fckeditor/editor/skins/_fckviewstrips.html

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