| 8 | /** |
| 9 | * Simulate "this" of a dialog for non-dialog events. |
| 10 | * @type {CKEDITOR.dialog} |
| 11 | */ |
| 12 | var dialog; |
| 13 | var onChoice = function( evt ) |
| 14 | { |
| 15 | var target = evt.data.getTarget(), |
| 16 | value; |
| 17 | |
| 18 | if ( target.getName() == 'a' && ( value = target.getChild( 0 ).getHtml() ) ) |
| 19 | { |
| 20 | target.removeClass( "cke_light_background" ); |
| 21 | editor.insertHtml( value ); |
| 22 | dialog.hide(); |
| 23 | } |
| 24 | }; |
| 25 | |
| 26 | var onFocus = function( evt, target ) |
| 27 | { |
| 28 | var value; |
| 29 | target = target || evt.data.getTarget(); |
| 30 | |
| 31 | if ( target.getName() == 'span' ) |
| 32 | target = target.getParent(); |
| 33 | |
| 34 | if ( target.getName() == 'a' && ( value = target.getChild( 0 ).getHtml() ) ) |
| 35 | { |
| 36 | var htmlPreview = dialog.getContentElement( 'info', 'htmlPreview' ).getElement(); |
| 37 | |
| 38 | dialog.getContentElement( 'info', 'charPreview' ).getElement().setHtml( value ); |
| 39 | htmlPreview.setHtml( CKEDITOR.tools.htmlEncode( value ) ); |
| 40 | target.getParent().addClass( "cke_light_background" ); |
| 41 | } |
| 42 | }; |
| 43 | |
| 44 | var onBlur = function( evt, target ) |
| 45 | { |
| 46 | target = target || evt.data.getTarget(); |
| 47 | |
| 48 | if ( target.getName() == 'span' ) |
| 49 | target = target.getParent(); |
| 50 | |
| 51 | if ( target.getName() == 'a' ) |
| 52 | { |
| 53 | dialog.getContentElement( 'info', 'charPreview' ).getElement().setHtml( ' ' ); |
| 54 | dialog.getContentElement( 'info', 'htmlPreview' ).getElement().setHtml( ' ' ); |
| 55 | target.getParent().removeClass( "cke_light_background" ); |
| 56 | } |
| 57 | }; |
| 58 | |
| 59 | var onKeydown = CKEDITOR.tools.addFunction( function( ev ) |
| 60 | { |
| 61 | ev = new CKEDITOR.dom.event( ev ); |
| 62 | |
| 63 | // Get an Anchor element. |
| 64 | var element = ev.getTarget(); |
| 65 | var relative, nodeToMove; |
| 66 | var keystroke = ev.getKeystroke(); |
| 67 | |
| 68 | switch ( keystroke ) |
| 69 | { |
| 70 | // RIGHT-ARROW |
| 71 | case 39 : |
| 72 | // relative is TD |
| 73 | if ( ( relative = element.getParent().getNext() ) ) |
| 74 | { |
| 75 | nodeToMove = relative.getChild( 0 ); |
| 76 | if ( nodeToMove.type == 1 ) |
| 77 | { |
| 78 | nodeToMove.focus(); |
| 79 | onBlur( null, element ); |
| 80 | onFocus( null, nodeToMove ); |
| 81 | } |
| 82 | } |
| 83 | ev.preventDefault(); |
| 84 | break; |
| 85 | // LEFT-ARROW |
| 86 | case 37 : |
| 87 | // relative is TD |
| 88 | if ( ( relative = element.getParent().getPrevious() ) ) |
| 89 | { |
| 90 | nodeToMove = relative.getChild( 0 ); |
| 91 | nodeToMove.focus(); |
| 92 | onBlur( null, element ); |
| 93 | onFocus( null, nodeToMove ); |
| 94 | } |
| 95 | ev.preventDefault(); |
| 96 | break; |
| 97 | // UP-ARROW |
| 98 | case 38 : |
| 99 | // relative is TR |
| 100 | if ( ( relative = element.getParent().getParent().getPrevious() ) ) |
| 101 | { |
| 102 | nodeToMove = relative.getChild( [element.getParent().getIndex(), 0] ); |
| 103 | nodeToMove.focus(); |
| 104 | onBlur( null, element ); |
| 105 | onFocus( null, nodeToMove ); |
| 106 | } |
| 107 | ev.preventDefault(); |
| 108 | break; |
| 109 | // DOWN-ARROW |
| 110 | case 40 : |
| 111 | // relative is TR |
| 112 | if ( ( relative = element.getParent().getParent().getNext() ) ) |
| 113 | { |
| 114 | nodeToMove = relative.getChild( [ element.getParent().getIndex(), 0 ] ); |
| 115 | if ( nodeToMove && nodeToMove.type == 1 ) |
| 116 | { |
| 117 | nodeToMove.focus(); |
| 118 | onBlur( null, element ); |
| 119 | onFocus( null, nodeToMove ); |
| 120 | } |
| 121 | } |
| 122 | ev.preventDefault(); |
| 123 | break; |
| 124 | // ENTER |
| 125 | // SPACE |
| 126 | case 13 : |
| 127 | case 32 : |
| 128 | onChoice( { data: ev } ); |
| 129 | ev.preventDefault(); |
| 130 | break; |
| 131 | // TAB |
| 132 | case 9 : |
| 133 | // relative is TD |
| 134 | if ( ( relative = element.getParent().getNext() ) ) |
| 135 | { |
| 136 | nodeToMove = relative.getChild( 0 ); |
| 137 | if ( nodeToMove.type == 1 ) |
| 138 | { |
| 139 | nodeToMove.focus(); |
| 140 | onBlur( null, element ); |
| 141 | onFocus( null, nodeToMove ); |
| 142 | ev.preventDefault( true ); |
| 143 | } |
| 144 | else |
| 145 | onBlur( null, element ); |
| 146 | } |
| 147 | // relative is TR |
| 148 | else if ( ( relative = element.getParent().getParent().getNext() ) ) |
| 149 | { |
| 150 | nodeToMove = relative.getChild( [ 0, 0 ] ); |
| 151 | if ( nodeToMove && nodeToMove.type == 1 ) |
| 152 | { |
| 153 | nodeToMove.focus(); |
| 154 | onBlur( null, element ); |
| 155 | onFocus( null, nodeToMove ); |
| 156 | ev.preventDefault( true ); |
| 157 | } |
| 158 | else |
| 159 | onBlur( null, element ); |
| 160 | } |
| 161 | break; |
| 162 | // SHIFT + TAB |
| 163 | case CKEDITOR.SHIFT + 9 : |
| 164 | // relative is TD |
| 165 | if ( ( relative = element.getParent().getPrevious() ) ) |
| 166 | { |
| 167 | nodeToMove = relative.getChild( 0 ); |
| 168 | nodeToMove.focus(); |
| 169 | onBlur( null, element ); |
| 170 | onFocus( null, nodeToMove ); |
| 171 | ev.preventDefault( true ); |
| 172 | } |
| 173 | // relative is TR |
| 174 | else if ( ( relative = element.getParent().getParent().getPrevious() ) ) |
| 175 | { |
| 176 | nodeToMove = relative.getLast().getChild( 0 ); |
| 177 | nodeToMove.focus(); |
| 178 | onBlur( null, element ); |
| 179 | onFocus( null, nodeToMove ); |
| 180 | ev.preventDefault( true ); |
| 181 | } |
| 182 | else |
| 183 | onBlur( null, element ); |
| 184 | break; |
| 185 | default : |
| 186 | // Do not stop not handled events. |
| 187 | return; |
| 188 | } |
| 189 | }); |
| 190 | |