/*\r
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.\r
For licensing, see LICENSE.html or http://ckeditor.com/license\r
*/\r
\r
var idBase = editor._.elementsPath.idBase;\r
var element = CKEDITOR.document.getById( idBase + '0' );\r
\r
- if ( element )\r
- element.focus();\r
+ // Make the first button focus accessible for IE. (#3417)\r
+ // Adobe AIR instead need while of delay.\r
+ element && element.focus( CKEDITOR.env.ie || CKEDITOR.env.air );\r
}\r
}\r
};\r
}\r
});\r
\r
+ function onClick( elementIndex )\r
+ {\r
+ editor.focus();\r
+ var element = editor._.elementsPath.list[ elementIndex ];\r
+ if ( element.is( 'body' ) )\r
+ {\r
+ var range = new CKEDITOR.dom.range( editor.document );\r
+ range.selectNodeContents( element );\r
+ range.select();\r
+ }\r
+ else\r
+ editor.getSelection().selectElement( element );\r
+ }\r
+\r
+ var onClickHanlder = CKEDITOR.tools.addFunction( onClick );\r
+\r
+ var onKeyDownHandler = CKEDITOR.tools.addFunction( function( elementIndex, ev )\r
+ {\r
+ var idBase = editor._.elementsPath.idBase,\r
+ element;\r
+\r
+ ev = new CKEDITOR.dom.event( ev );\r
+\r
+ var rtl = editor.lang.dir == 'rtl';\r
+ switch ( ev.getKeystroke() )\r
+ {\r
+ case rtl ? 39 : 37 : // LEFT-ARROW\r
+ case 9 : // TAB\r
+ element = CKEDITOR.document.getById( idBase + ( elementIndex + 1 ) );\r
+ if ( !element )\r
+ element = CKEDITOR.document.getById( idBase + '0' );\r
+ element.focus();\r
+ return false;\r
+\r
+ case rtl ? 37 : 39 : // RIGHT-ARROW\r
+ case CKEDITOR.SHIFT + 9 : // SHIFT + TAB\r
+ element = CKEDITOR.document.getById( idBase + ( elementIndex - 1 ) );\r
+ if ( !element )\r
+ element = CKEDITOR.document.getById( idBase + ( editor._.elementsPath.list.length - 1 ) );\r
+ element.focus();\r
+ return false;\r
+\r
+ case 27 : // ESC\r
+ editor.focus();\r
+ return false;\r
+\r
+ case 13 : // ENTER // Opera\r
+ case 32 : // SPACE\r
+ onClick( elementIndex );\r
+ return false;\r
+ }\r
+ return true;\r
+ });\r
+\r
editor.on( 'selectionChange', function( ev )\r
{\r
var env = CKEDITOR.env,\r
{\r
var index = elementsList.push( element ) - 1;\r
var name;\r
- if ( element.getAttribute( '_cke_real_element_type' ) )\r
- name = element.getAttribute( '_cke_real_element_type' );\r
+ if ( element.data( 'cke-real-element-type' ) )\r
+ name = element.data( 'cke-real-element-type' );\r
else\r
name = element.getName();\r
\r
( ( CKEDITOR.env.gecko && CKEDITOR.env.version < 10900 ) ?\r
' onfocus="event.preventBubble();"' : '' ) +\r
' hidefocus="true" ' +\r
- ' onkeydown="return CKEDITOR._.elementsPath.keydown(\'', editor.name, '\',', index, ', event);"' +\r
+ ' onkeydown="return CKEDITOR.tools.callFunction(', onKeyDownHandler, ',', index, ', event );"' +\r
extra ,\r
- ' onclick="return CKEDITOR._.elementsPath.click(\'', editor.name, '\',', index, ');"',\r
+ ' onclick="CKEDITOR.tools.callFunction('+ onClickHanlder, ',', index, '); return false;"',\r
' role="button" aria-labelledby="' + idBase + index + '_label">',\r
name,\r
'<span id="', idBase, index, '_label" class="cke_label">' + label + '</span>',\r
element = element.getParent();\r
}\r
\r
- getSpaceElement().setHtml( html.join('') + emptyHtml );\r
+ var space = getSpaceElement();\r
+ space.setHtml( html.join('') + emptyHtml );\r
+ editor.fire( 'elementsPathUpdate', { space : space } );\r
});\r
\r
editor.on( 'contentDomUnload', function()\r
})();\r
\r
/**\r
- * Handles the click on an element in the element path.\r
- * @private\r
+ * Fired when the contents of the elementsPath are changed\r
+ * @name CKEDITOR.editor#elementsPathUpdate\r
+ * @event\r
+ * @param {Object} eventData.space The elementsPath container\r
*/\r
-CKEDITOR._.elementsPath =\r
-{\r
- click : function( instanceName, elementIndex )\r
- {\r
- var editor = CKEDITOR.instances[ instanceName ];\r
- editor.focus();\r
-\r
- var element = editor._.elementsPath.list[ elementIndex ];\r
-\r
- if ( element.is( 'body' ) )\r
- {\r
- var range = new CKEDITOR.dom.range( editor.document );\r
- range.selectNodeContents( element );\r
- range.select();\r
- }\r
- else\r
- editor.getSelection().selectElement( element );\r
-\r
- return false;\r
- },\r
-\r
- keydown : function( instanceName, elementIndex, ev )\r
- {\r
- var instance = CKEDITOR.ui.button._.instances[ elementIndex ];\r
- var editor = CKEDITOR.instances[ instanceName ];\r
- var idBase = editor._.elementsPath.idBase;\r
-\r
- var element;\r
-\r
- ev = new CKEDITOR.dom.event( ev );\r
-\r
- var rtl = editor.lang.dir == 'rtl';\r
- switch ( ev.getKeystroke() )\r
- {\r
- case rtl ? 39 : 37 : // LEFT-ARROW\r
- case 9 : // TAB\r
- element = CKEDITOR.document.getById( idBase + ( elementIndex + 1 ) );\r
- if ( !element )\r
- element = CKEDITOR.document.getById( idBase + '0' );\r
- element.focus();\r
- return false;\r
-\r
- case rtl ? 37 : 39 : // RIGHT-ARROW\r
- case CKEDITOR.SHIFT + 9 : // SHIFT + TAB\r
- element = CKEDITOR.document.getById( idBase + ( elementIndex - 1 ) );\r
- if ( !element )\r
- element = CKEDITOR.document.getById( idBase + ( editor._.elementsPath.list.length - 1 ) );\r
- element.focus();\r
- return false;\r
-\r
- case 27 : // ESC\r
- editor.focus();\r
- return false;\r
-\r
- case 13 : // ENTER // Opera\r
- case 32 : // SPACE\r
- this.click( instanceName, elementIndex );\r
- return false;\r
-\r
- //default :\r
- // alert( ev.getKeystroke() );\r
- }\r
- return true;\r
- }\r
-};\r