2 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license
\r
6 CKEDITOR.dialog.add( 'smiley', function( editor )
\r
8 var config = editor.config,
\r
9 lang = editor.lang.smiley,
\r
10 images = config.smiley_images,
\r
15 * Simulate "this" of a dialog for non-dialog events.
\r
16 * @type {CKEDITOR.dialog}
\r
19 var onClick = function( evt )
\r
21 var target = evt.data.getTarget(),
\r
22 targetName = target.getName();
\r
24 if ( targetName == 'td' )
\r
25 target = target.getChild( [ 0, 0 ] );
\r
26 else if ( targetName == 'a' )
\r
27 target = target.getChild( 0 );
\r
28 else if ( targetName != 'img' )
\r
31 var src = target.getAttribute( 'cke_src' ),
\r
32 title = target.getAttribute( 'title' );
\r
34 var img = editor.document.createElement( 'img',
\r
39 _cke_saved_src : src,
\r
45 editor.insertElement( img );
\r
48 evt.data.preventDefault();
\r
51 var onKeydown = CKEDITOR.tools.addFunction( function( ev, element )
\r
53 ev = new CKEDITOR.dom.event( ev );
\r
54 element = new CKEDITOR.dom.element( element );
\r
55 var relative, nodeToMove;
\r
57 var keystroke = ev.getKeystroke();
\r
58 switch ( keystroke )
\r
63 if ( ( relative = element.getParent().getParent().getPrevious() ) )
\r
65 nodeToMove = relative.getChild( [element.getParent().getIndex(), 0] );
\r
68 ev.preventDefault();
\r
73 if ( ( relative = element.getParent().getParent().getNext() ) )
\r
75 nodeToMove = relative.getChild( [element.getParent().getIndex(), 0] );
\r
79 ev.preventDefault();
\r
84 onClick( { data: ev } );
\r
85 ev.preventDefault();
\r
93 if ( ( relative = element.getParent().getNext() ) )
\r
95 nodeToMove = relative.getChild( 0 );
\r
97 ev.preventDefault(true);
\r
100 else if ( ( relative = element.getParent().getParent().getNext() ) )
\r
102 nodeToMove = relative.getChild( [0, 0] );
\r
104 nodeToMove.focus();
\r
105 ev.preventDefault(true);
\r
112 case CKEDITOR.SHIFT + 9 :
\r
114 if ( ( relative = element.getParent().getPrevious() ) )
\r
116 nodeToMove = relative.getChild( 0 );
\r
117 nodeToMove.focus();
\r
118 ev.preventDefault(true);
\r
121 else if ( ( relative = element.getParent().getParent().getPrevious() ) )
\r
123 nodeToMove = relative.getLast().getChild( 0 );
\r
124 nodeToMove.focus();
\r
125 ev.preventDefault(true);
\r
129 // Do not stop not handled events.
\r
134 // Build the HTML for the smiley images table.
\r
138 '<span id="smiley_emtions_label" class="cke_voice_label">' + editor.lang.common.options +'</span>',
\r
139 '<table role="listbox" aria-labelledby="smiley_emtions_label" style="width:100%;height:100%" cellspacing="2" cellpadding="2"',
\r
140 CKEDITOR.env.ie && CKEDITOR.env.quirks ? ' style="position:absolute;"' : '',
\r
144 var size = images.length;
\r
145 for ( i = 0 ; i < size ; i++ )
\r
147 if ( i % columns === 0 )
\r
148 html.push( '<tr>' );
\r
151 '<td class="cke_dark_background cke_hand cke_centered" style="vertical-align: middle;">' +
\r
152 '<a href="javascript:void(0)" role="option"',
\r
153 ' aria-posinset="' + ( i +1 ) + '"',
\r
154 ' aria-setsize="' + size + '"',
\r
155 ' aria-labelledby="cke_smile_label_' + i + '"',
\r
156 ' class="cke_smile" tabindex="-1" onkeydown="CKEDITOR.tools.callFunction( ', onKeydown, ', event, this );">',
\r
157 '<img class="hand" title="', config.smiley_descriptions[i], '"' +
\r
158 ' cke_src="', CKEDITOR.tools.htmlEncode( config.smiley_path + images[ i ] ), '" alt="', config.smiley_descriptions[i], '"',
\r
159 ' src="', CKEDITOR.tools.htmlEncode( config.smiley_path + images[ i ] ), '"',
\r
160 // IE BUG: Below is a workaround to an IE image loading bug to ensure the image sizes are correct.
\r
161 ( CKEDITOR.env.ie ? ' onload="this.setAttribute(\'width\', 2); this.removeAttribute(\'width\');" ' : '' ),
\r
163 '<span id="cke_smile_label_' + i + '" class="cke_voice_label">' +config.smiley_descriptions[ i ] + '</span>' +
\r
167 if ( i % columns == columns - 1 )
\r
168 html.push( '</tr>' );
\r
171 if ( i < columns - 1 )
\r
173 for ( ; i < columns - 1 ; i++ )
\r
174 html.push( '<td></td>' );
\r
175 html.push( '</tr>' );
\r
178 html.push( '</tbody></table></div>' );
\r
180 var smileySelector =
\r
183 html : html.join( '' ),
\r
184 onLoad : function( event )
\r
186 dialog = event.sender;
\r
190 var firstSmile = this.getElement().getElementsByTag( 'a' ).getItem( 0 );
\r
191 firstSmile.focus();
\r
194 style : 'width: 100%; height: 100%; border-collapse: separate;'
\r
198 title : editor.lang.smiley.title,
\r
213 buttons : [ CKEDITOR.dialog.cancelButton ]
\r