ckeditor/_source/plugins/forms/dialogs/checkbox.js

   1 /*
   2 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
   3 For licensing, see LICENSE.html or http://ckeditor.com/license
   4 */
   5 CKEDITOR.dialog.add( 'checkbox', function( editor )
   6 {
   7         return {
   8                 title : editor.lang.checkboxAndRadio.checkboxTitle,
   9                 minWidth : 350,
  10                 minHeight : 140,
  11                 onShow : function()
  12                 {
  13                         delete this.checkbox;
  14
  15                         var element = this.getParentEditor().getSelection().getSelectedElement();
  16
  17                         if ( element && element.getAttribute( 'type' ) == "checkbox" )
  18                         {
  19                                 this.checkbox = element;
  20                                 this.setupContent( element );
  21                         }
  22                 },
  23                 onOk : function()
  24                 {
  25                         var editor,
  26                                 element = this.checkbox,
  27                                 isInsertMode = !element;
  28
  29                         if ( isInsertMode )
  30                         {
  31                                 editor = this.getParentEditor();
  32                                 element = editor.document.createElement( 'input' );
  33                                 element.setAttribute( 'type', 'checkbox' );
  34                         }
  35
  36                         if ( isInsertMode )
  37                                 editor.insertElement( element );
  38                         this.commitContent( { element : element } );
  39                 },
  40                 contents : [
  41                         {
  42                                 id : 'info',
  43                                 label : editor.lang.checkboxAndRadio.checkboxTitle,
  44                                 title : editor.lang.checkboxAndRadio.checkboxTitle,
  45                                 startupFocus : 'txtName',
  46                                 elements : [
  47                                         {
  48                                                 id : 'txtName',
  49                                                 type : 'text',
  50                                                 label : editor.lang.common.name,
  51                                                 'default' : '',
  52                                                 accessKey : 'N',
  53                                                 setup : function( element )
  54                                                 {
  55                                                         this.setValue(
  56                                                                         element.getAttribute( '_cke_saved_name' ) ||
  57                                                                         element.getAttribute( 'name' ) ||
  58                                                                         '' );
  59                                                 },
  60                                                 commit : function( data )
  61                                                 {
  62                                                         var element = data.element;
  63
  64                                                         // IE failed to update 'name' property on input elements, protect it now.
  65                                                         if ( this.getValue() )
  66                                                                 element.setAttribute( '_cke_saved_name', this.getValue() );
  67                                                         else
  68                                                         {
  69                                                                 element.removeAttribute( '_cke_saved_name' );
  70                                                                 element.removeAttribute( 'name' );
  71                                                         }
  72                                                 }
  73                                         },
  74                                         {
  75                                                 id : 'txtValue',
  76                                                 type : 'text',
  77                                                 label : editor.lang.checkboxAndRadio.value,
  78                                                 'default' : '',
  79                                                 accessKey : 'V',
  80                                                 setup : function( element )
  81                                                 {
  82                                                         var value = element.getAttribute( 'value' );
  83                                                         // IE Return 'on' as default attr value.
  84                                                         this.setValue(  CKEDITOR.env.ie && value == 'on' ? '' : value  );
  85                                                 },
  86                                                 commit : function( data )
  87                                                 {
  88                                                         var element = data.element,
  89                                                                 value = this.getValue();
  90
  91                                                         if ( value && !( CKEDITOR.env.ie && value == 'on' ) )
  92                                                                 element.setAttribute( 'value', value );
  93                                                         else
  94                                                         {
  95                                                                 if ( CKEDITOR.env.ie )
  96                                                                 {
  97                                                                         // Remove attribute 'value' of checkbox #4721.
  98                                                                         var checkbox = new CKEDITOR.dom.element( 'input', element.getDocument() );
  99                                                                         element.copyAttributes( checkbox, { value: 1 } );
 100                                                                         checkbox.replace( element );
 101                                                                         editor.getSelection().selectElement( checkbox );
 102                                                                         data.element = checkbox;
 103                                                                 }
 104                                                                 else
 105                                                                         element.removeAttribute( 'value' );
 106                                                         }
 107                                                 }
 108                                         },
 109                                         {
 110                                                 id : 'cmbSelected',
 111                                                 type : 'checkbox',
 112                                                 label : editor.lang.checkboxAndRadio.selected,
 113                                                 'default' : '',
 114                                                 accessKey : 'S',
 115                                                 value : "checked",
 116                                                 setup : function( element )
 117                                                 {
 118                                                         this.setValue( element.getAttribute( 'checked' ) );
 119                                                 },
 120                                                 commit : function( data )
 121                                                 {
 122                                                         var element = data.element;
 123
 124                                                         if ( CKEDITOR.env.ie )
 125                                                         {
 126                                                                 var isElementChecked = !!element.getAttribute( 'checked' );
 127                                                                 var isChecked = !!this.getValue();
 128
 129                                                                 if ( isElementChecked != isChecked )
 130                                                                 {
 131                                                                         var replace = CKEDITOR.dom.element.createFromHtml( '<input type="checkbox"'
 132                                                                                    + ( isChecked ? ' checked="checked"' : '' )
 133                                                                                    + '/>', editor.document );
 134
 135                                                                         element.copyAttributes( replace, { type : 1, checked : 1 } );
 136                                                                         replace.replace( element );
 137                                                                         editor.getSelection().selectElement( replace );
 138                                                                         data.element = replace;
 139                                                                 }
 140                                                         }
 141                                                         else
 142                                                         {
 143                                                                 var value = this.getValue();
 144                                                                 if ( value )
 145                                                                         element.setAttribute( 'checked', 'checked' );
 146                                                                 else
 147                                                                         element.removeAttribute( 'checked' );
 148                                                         }
 149                                                 }
 150                                         }
 151                                 ]
 152                         }
 153                 ]
 154         };
 155 });