+++ /dev/null
-/*\r
- * FCKeditor - The text editor for Internet - http://www.fckeditor.net\r
- * Copyright (C) 2003-2009 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
- * FCKToolbarButtonUI Class: interface representation of a toolbar button.\r
- */\r
-\r
-var FCKToolbarButtonUI = function( name, label, tooltip, iconPathOrStripInfoArray, style, state )\r
-{\r
- this.Name = name ;\r
- this.Label = label || name ;\r
- this.Tooltip = tooltip || this.Label ;\r
- this.Style = style || FCK_TOOLBARITEM_ONLYICON ;\r
- this.State = state || FCK_TRISTATE_OFF ;\r
-\r
- this.Icon = new FCKIcon( iconPathOrStripInfoArray ) ;\r
-\r
- if ( FCK.IECleanup )\r
- FCK.IECleanup.AddItem( this, FCKToolbarButtonUI_Cleanup ) ;\r
-}\r
-\r
-\r
-FCKToolbarButtonUI.prototype._CreatePaddingElement = function( document )\r
-{\r
- var oImg = document.createElement( 'IMG' ) ;\r
- oImg.className = 'TB_Button_Padding' ;\r
- oImg.src = FCK_SPACER_PATH ;\r
- return oImg ;\r
-}\r
-\r
-FCKToolbarButtonUI.prototype.Create = function( parentElement )\r
-{\r
- var oDoc = FCKTools.GetElementDocument( parentElement ) ;\r
-\r
- // Create the Main Element.\r
- var oMainElement = this.MainElement = oDoc.createElement( 'DIV' ) ;\r
- oMainElement.title = this.Tooltip ;\r
-\r
- // The following will prevent the button from catching the focus.\r
- if ( FCKBrowserInfo.IsGecko )\r
- oMainElement.onmousedown = FCKTools.CancelEvent ;\r
-\r
- FCKTools.AddEventListenerEx( oMainElement, 'mouseover', FCKToolbarButtonUI_OnMouseOver, this ) ;\r
- FCKTools.AddEventListenerEx( oMainElement, 'mouseout', FCKToolbarButtonUI_OnMouseOut, this ) ;\r
- FCKTools.AddEventListenerEx( oMainElement, 'click', FCKToolbarButtonUI_OnClick, this ) ;\r
-\r
- this.ChangeState( this.State, true ) ;\r
-\r
- if ( this.Style == FCK_TOOLBARITEM_ONLYICON && !this.ShowArrow )\r
- {\r
- // <td><div class="TB_Button_On" title="Smiley">{Image}</div></td>\r
-\r
- oMainElement.appendChild( this.Icon.CreateIconElement( oDoc ) ) ;\r
- }\r
- else\r
- {\r
- // <td><div class="TB_Button_On" title="Smiley"><table cellpadding="0" cellspacing="0"><tr><td>{Image}</td><td nowrap>Toolbar Button</td><td><img class="TB_Button_Padding"></td></tr></table></div></td>\r
- // <td><div class="TB_Button_On" title="Smiley"><table cellpadding="0" cellspacing="0"><tr><td><img class="TB_Button_Padding"></td><td nowrap>Toolbar Button</td><td><img class="TB_Button_Padding"></td></tr></table></div></td>\r
-\r
- var oTable = oMainElement.appendChild( oDoc.createElement( 'TABLE' ) ) ;\r
- oTable.cellPadding = 0 ;\r
- oTable.cellSpacing = 0 ;\r
-\r
- var oRow = oTable.insertRow(-1) ;\r
-\r
- // The Image cell (icon or padding).\r
- var oCell = oRow.insertCell(-1) ;\r
-\r
- if ( this.Style == FCK_TOOLBARITEM_ONLYICON || this.Style == FCK_TOOLBARITEM_ICONTEXT )\r
- oCell.appendChild( this.Icon.CreateIconElement( oDoc ) ) ;\r
- else\r
- oCell.appendChild( this._CreatePaddingElement( oDoc ) ) ;\r
-\r
- if ( this.Style == FCK_TOOLBARITEM_ONLYTEXT || this.Style == FCK_TOOLBARITEM_ICONTEXT )\r
- {\r
- // The Text cell.\r
- oCell = oRow.insertCell(-1) ;\r
- oCell.className = 'TB_Button_Text' ;\r
- oCell.noWrap = true ;\r
- oCell.appendChild( oDoc.createTextNode( this.Label ) ) ;\r
- }\r
-\r
- if ( this.ShowArrow )\r
- {\r
- if ( this.Style != FCK_TOOLBARITEM_ONLYICON )\r
- {\r
- // A padding cell.\r
- oRow.insertCell(-1).appendChild( this._CreatePaddingElement( oDoc ) ) ;\r
- }\r
-\r
- oCell = oRow.insertCell(-1) ;\r
- var eImg = oCell.appendChild( oDoc.createElement( 'IMG' ) ) ;\r
- eImg.src = FCKConfig.SkinPath + 'images/toolbar.buttonarrow.gif' ;\r
- eImg.width = 5 ;\r
- eImg.height = 3 ;\r
- }\r
-\r
- // The last padding cell.\r
- oCell = oRow.insertCell(-1) ;\r
- oCell.appendChild( this._CreatePaddingElement( oDoc ) ) ;\r
- }\r
-\r
- parentElement.appendChild( oMainElement ) ;\r
-}\r
-\r
-FCKToolbarButtonUI.prototype.ChangeState = function( newState, force )\r
-{\r
- if ( !force && this.State == newState )\r
- return ;\r
-\r
- var e = this.MainElement ;\r
-\r
- // In IE it can happen when the page is reloaded that MainElement is null, so exit here\r
- if ( !e )\r
- return ;\r
-\r
- switch ( parseInt( newState, 10 ) )\r
- {\r
- case FCK_TRISTATE_OFF :\r
- e.className = 'TB_Button_Off' ;\r
- break ;\r
-\r
- case FCK_TRISTATE_ON :\r
- e.className = 'TB_Button_On' ;\r
- break ;\r
-\r
- case FCK_TRISTATE_DISABLED :\r
- e.className = 'TB_Button_Disabled' ;\r
- break ;\r
- }\r
-\r
- this.State = newState ;\r
-}\r
-\r
-function FCKToolbarButtonUI_OnMouseOver( ev, button )\r
-{\r
- if ( button.State == FCK_TRISTATE_OFF )\r
- this.className = 'TB_Button_Off_Over' ;\r
- else if ( button.State == FCK_TRISTATE_ON )\r
- this.className = 'TB_Button_On_Over' ;\r
-}\r
-\r
-function FCKToolbarButtonUI_OnMouseOut( ev, button )\r
-{\r
- if ( button.State == FCK_TRISTATE_OFF )\r
- this.className = 'TB_Button_Off' ;\r
- else if ( button.State == FCK_TRISTATE_ON )\r
- this.className = 'TB_Button_On' ;\r
-}\r
-\r
-function FCKToolbarButtonUI_OnClick( ev, button )\r
-{\r
- if ( button.OnClick && button.State != FCK_TRISTATE_DISABLED )\r
- button.OnClick( button ) ;\r
-}\r
-\r
-function FCKToolbarButtonUI_Cleanup()\r
-{\r
- // This one should not cause memory leak, but just for safety, let's clean\r
- // it up.\r
- this.MainElement = null ;\r
-}\r
-\r
-/*\r
- Sample outputs:\r
-\r
- This is the base structure. The variation is the image that is marked as {Image}:\r
- <td><div class="TB_Button_On" title="Smiley">{Image}</div></td>\r
- <td><div class="TB_Button_On" title="Smiley"><table cellpadding="0" cellspacing="0"><tr><td>{Image}</td><td nowrap>Toolbar Button</td><td><img class="TB_Button_Padding"></td></tr></table></div></td>\r
- <td><div class="TB_Button_On" title="Smiley"><table cellpadding="0" cellspacing="0"><tr><td><img class="TB_Button_Padding"></td><td nowrap>Toolbar Button</td><td><img class="TB_Button_Padding"></td></tr></table></div></td>\r
-\r
- These are samples of possible {Image} values:\r
-\r
- Strip - IE version:\r
- <div class="TB_Button_Image"><img src="strip.gif" style="top:-16px"></div>\r
-\r
- Strip : Firefox, Safari and Opera version\r
- <img class="TB_Button_Image" style="background-position: 0px -16px;background-image: url(strip.gif);">\r
-\r
- No-Strip : Browser independent:\r
- <img class="TB_Button_Image" src="smiley.gif">\r
-*/\r