event refactor, landing on HEAD!
[freeside.git] / httemplate / elements / fckeditor / editor / skins / _fckviewstrips.html
diff --git a/httemplate/elements/fckeditor/editor/skins/_fckviewstrips.html b/httemplate/elements/fckeditor/editor/skins/_fckviewstrips.html
new file mode 100644 (file)
index 0000000..b28b941
--- /dev/null
@@ -0,0 +1,121 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">\r
+<!--\r
+ * FCKeditor - The text editor for Internet - http://www.fckeditor.net\r
+ * Copyright (C) 2003-2007 Frederico Caldeira Knabben\r
+ *\r
+ * == BEGIN LICENSE ==\r
+ *\r
+ * Licensed under the terms of any of the following licenses at your\r
+ * choice:\r
+ *\r
+ *  - GNU General Public License Version 2 or later (the "GPL")\r
+ *    http://www.gnu.org/licenses/gpl.html\r
+ *\r
+ *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")\r
+ *    http://www.gnu.org/licenses/lgpl.html\r
+ *\r
+ *  - Mozilla Public License Version 1.1 or later (the "MPL")\r
+ *    http://www.mozilla.org/MPL/MPL-1.1.html\r
+ *\r
+ * == END LICENSE ==\r
+ *\r
+ * Useful page that enumerates all icons in the skins strips.\r
+-->\r
+<html xmlns="http://www.w3.org/1999/xhtml">\r
+<head>\r
+       <title>FCKeditor - View Icons Strips</title>\r
+       <style type="text/css">\r
+               .TB_Button_Image\r
+               {\r
+                       overflow: hidden;\r
+                       width: 16px;\r
+                       height: 16px;\r
+                       margin: 3px;\r
+                       background-repeat: no-repeat;\r
+               }\r
+\r
+               .TB_Button_Image img\r
+               {\r
+                       position: relative;\r
+               }\r
+       </style>\r
+       <script type="text/javascript">\r
+\r
+window.onload = function()\r
+{\r
+       var eImg1 = document.createElement( 'img' ) ;\r
+       eImg1.onload = Img_OnLoad ;\r
+       eImg1.src = 'default/fck_strip.gif' ;\r
+\r
+       var eImg2 = document.createElement( 'img' ) ;\r
+       eImg2.onload = Img_OnLoad ;\r
+       eImg2.src = 'office2003/fck_strip.gif' ;\r
+\r
+       var eImg3 = document.createElement( 'img' ) ;\r
+       eImg3.onload = Img_OnLoad ;\r
+       eImg3.src = 'silver/fck_strip.gif' ;\r
+}\r
+\r
+var iTotalStrips = 3 ;\r
+var iMaxHeight = 0 ;\r
+\r
+function Img_OnLoad()\r
+{\r
+       if ( iMaxHeight < this.height )\r
+               iMaxHeight = this.height ;\r
+\r
+       iTotalStrips-- ;\r
+\r
+       if ( iTotalStrips == 0 )\r
+               LoadIcons( iMaxHeight / 16 ) ;\r
+}\r
+\r
+function LoadIcons( total )\r
+{\r
+       var xIconsTable = document.getElementById( 'xIconsTable' ) ;\r
+\r
+       for ( var i = 0 ; i < total ; i++ )\r
+       {\r
+               var eRow = xIconsTable.insertRow(-1) ;\r
+\r
+               var eCell = eRow.insertCell(-1) ;\r
+               eCell.innerHTML = i + 1 ;\r
+\r
+               eCell = eRow.insertCell(-1) ;\r
+               eCell.align = 'center' ;\r
+               eCell.style.border = '#dcdcdc 1px solid' ;\r
+               eCell.innerHTML = '<div class="TB_Button_Image"><img src="default/fck_strip.gif" style="top:-' + ( i * 16 ) + 'px;"><\/div>' ;\r
+\r
+               eCell = eRow.insertCell(-1) ;\r
+               eCell.align = 'center' ;\r
+               eCell.style.border = '#dcdcdc 1px solid' ;\r
+               eCell.innerHTML = '<div class="TB_Button_Image"><img src="office2003/fck_strip.gif" style="top:-' + ( i * 16 ) + 'px;"><\/div>' ;\r
+\r
+               eCell = eRow.insertCell(-1) ;\r
+               eCell.align = 'center' ;\r
+               eCell.style.border = '#dcdcdc 1px solid' ;\r
+               eCell.innerHTML = '<div class="TB_Button_Image"><img src="silver/fck_strip.gif" style="top:-' + ( i * 16 ) + 'px;"><\/div>' ;\r
+       }\r
+}\r
+\r
+       </script>\r
+</head>\r
+<body>\r
+       <table id="xIconsTable">\r
+               <tr>\r
+                       <td rowspan="2">\r
+                               Index</td>\r
+                       <td align="center" colspan="3">\r
+                               Skins</td>\r
+               </tr>\r
+               <tr>\r
+                       <td width="80" align="center">\r
+                               default</td>\r
+                       <td width="80" align="center">\r
+                               office2003</td>\r
+                       <td width="80" align="center">\r
+                               silver</td>\r
+               </tr>\r
+       </table>\r
+</body>\r
+</html>\r