[Sommaire] [Imprimer]

   1  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
   2  <!--
   3   * FCKeditor - The text editor for Internet - http://www.fckeditor.net
   4   * Copyright (C) 2003-2007 Frederico Caldeira Knabben
   5   *
   6   * == BEGIN LICENSE ==
   7   *
   8   * Licensed under the terms of any of the following licenses at your
   9   * choice:
  10   *
  11   *  - GNU General Public License Version 2 or later (the "GPL")
  12   *    http://www.gnu.org/licenses/gpl.html
  13   *
  14   *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
  15   *    http://www.gnu.org/licenses/lgpl.html
  16   *
  17   *  - Mozilla Public License Version 1.1 or later (the "MPL")
  18   *    http://www.mozilla.org/MPL/MPL-1.1.html
  19   *
  20   * == END LICENSE ==
  21   *
  22   * Select dialog window.
  23  -->
  24  <html>
  25      <head>
  26          <title>Select Properties</title>
  27          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  28          <meta content="noindex, nofollow" name="robots">
  29          <script src="common/fck_dialog_common.js" type="text/javascript"></script>
  30          <script type="text/javascript" src="fck_select/fck_select.js"></script>
  31          <script type="text/javascript">
  32  
  33  var oEditor = window.parent.InnerDialogLoaded() ;
  34  
  35  // Gets the document DOM

  36  var oDOM = oEditor.FCK.EditorDocument ;
  37  
  38  var oActiveEl = oEditor.FCKSelection.GetSelectedElement() ;
  39  
  40  var oListText ;
  41  var oListValue ;
  42  
  43  window.onload = function()
  44  {
  45      // First of all, translate the dialog box texts

  46      oEditor.FCKLanguageManager.TranslatePage(document) ;
  47  
  48      oListText    = document.getElementById( 'cmbText' ) ;
  49      oListValue    = document.getElementById( 'cmbValue' ) ;
  50  
  51      if ( oActiveEl && oActiveEl.tagName == 'SELECT' )
  52      {
  53          GetE('txtName').value        = oActiveEl.name ;
  54          GetE('txtSelValue').value    = oActiveEl.value ;
  55          GetE('txtLines').value        = GetAttribute( oActiveEl, 'size' ) ;
  56          GetE('chkMultiple').checked    = oActiveEl.multiple ;
  57  
  58          // Load the actual options

  59          for ( var i = 0 ; i < oActiveEl.options.length ; i++ )
  60          {
  61              var sText    = oActiveEl.options[i].innerHTML ;
  62              var sValue    = oActiveEl.options[i].value ;
  63  
  64              AddComboOption( oListText, sText, sText ) ;
  65              AddComboOption( oListValue, sValue, sValue ) ;
  66          }
  67      }
  68      else
  69          oActiveEl = null ;
  70  
  71      window.parent.SetOkButton( true ) ;
  72  }
  73  
  74  function Ok()
  75  {
  76      var sSize = GetE('txtLines').value ;
  77      if ( sSize == null || isNaN( sSize ) || sSize <= 1 )
  78          sSize = '' ;
  79  
  80      if ( !oActiveEl )
  81      {
  82          oActiveEl = oEditor.FCK.EditorDocument.createElement( 'SELECT' ) ;
  83          oActiveEl = oEditor.FCK.InsertElementAndGetIt( oActiveEl ) ;
  84      }
  85  
  86      SetAttribute( oActiveEl, 'name'    , GetE('txtName').value ) ;
  87      SetAttribute( oActiveEl, 'size'    , sSize ) ;
  88      oActiveEl.multiple = ( sSize.length > 0 && GetE('chkMultiple').checked ) ;
  89  
  90      // Remove all options.

  91      while ( oActiveEl.options.length > 0 )
  92          oActiveEl.remove(0) ;
  93  
  94      // Add all available options.

  95      for ( var i = 0 ; i < oListText.options.length ; i++ )
  96      {
  97          var sText    = oListText.options[i].value ;
  98          var sValue    = oListValue.options[i].value ;
  99          if ( sValue.length == 0 ) sValue = sText ;
 100  
 101          var oOption = AddComboOption( oActiveEl, sText, sValue, oDOM ) ;
 102  
 103          if ( sValue == GetE('txtSelValue').value )
 104          {
 105              SetAttribute( oOption, 'selected', 'selected' ) ;
 106              oOption.selected = true ;
 107          }
 108      }
 109  
 110      return true ;
 111  }
 112  
 113          </script>
 114      </head>
 115      <body style='OVERFLOW: hidden' scroll='no'>
 116          <table width="100%" height="100%">
 117              <tr>
 118                  <td>
 119                      <table width="100%">
 120                          <tr>
 121                              <td nowrap><span fckLang="DlgSelectName">Name</span>&nbsp;</td>
 122                              <td width="100%" colSpan="2"><input id="txtName" style="WIDTH: 100%" type="text"></td>
 123                          </tr>
 124                          <tr>
 125                              <td nowrap><span fckLang="DlgSelectValue">Value</span>&nbsp;</td>
 126                              <td width="100%" colSpan="2"><input id="txtSelValue" style="WIDTH: 100%; BACKGROUND-COLOR: buttonface" type="text" readonly></td>
 127                          </tr>
 128                          <tr>
 129                              <td nowrap><span fckLang="DlgSelectSize">Size</span>&nbsp;</td>
 130                              <td nowrap><input id="txtLines" type="text" size="2" value="">&nbsp;<span fckLang="DlgSelectLines">lines</span></td>
 131                              <td nowrap align="right"><input id="chkMultiple" name="chkMultiple" type="checkbox"><label for="chkMultiple" fckLang="DlgSelectChkMulti">Allow
 132                                      multiple selections</label></td>
 133                          </tr>
 134                      </table>
 135                      <br>
 136                      <hr style="POSITION: absolute">
 137                      <span style="LEFT: 10px; POSITION: relative; TOP: -7px" class="BackColor">&nbsp;<span fckLang="DlgSelectOpAvail">Available
 138                              Options</span>&nbsp;</span>
 139                      <table width="100%">
 140                          <tr>
 141                              <td width="50%"><span fckLang="DlgSelectOpText">Text</span><br>
 142                                  <input id="txtText" style="WIDTH: 100%" type="text" name="txtText">
 143                              </td>
 144                              <td width="50%"><span fckLang="DlgSelectOpValue">Value</span><br>
 145                                  <input id="txtValue" style="WIDTH: 100%" type="text" name="txtValue">
 146                              </td>
 147                              <td vAlign="bottom"><input onclick="Add();" type="button" fckLang="DlgSelectBtnAdd" value="Add"></td>
 148                              <td vAlign="bottom"><input onclick="Modify();" type="button" fckLang="DlgSelectBtnModify" value="Modify"></td>
 149                          </tr>
 150                          <tr>
 151                              <td rowSpan="2"><select id="cmbText" style="WIDTH: 100%" onchange="GetE('cmbValue').selectedIndex = this.selectedIndex;Select(this);"
 152                                      size="5" name="cmbText"></select>
 153                              </td>
 154                              <td rowSpan="2"><select id="cmbValue" style="WIDTH: 100%" onchange="GetE('cmbText').selectedIndex = this.selectedIndex;Select(this);"
 155                                      size="5" name="cmbValue"></select>
 156                              </td>
 157                              <td vAlign="top" colSpan="2">
 158                              </td>
 159                          </tr>
 160                          <tr>
 161                              <td vAlign="bottom" colSpan="2"><input style="WIDTH: 100%" onclick="Move(-1);" type="button" fckLang="DlgSelectBtnUp" value="Up">
 162                                  <br>
 163                                  <input style="WIDTH: 100%" onclick="Move(1);" type="button" fckLang="DlgSelectBtnDown"
 164                                      value="Down">
 165                              </td>
 166                          </tr>
 167                          <TR>
 168                              <TD vAlign="bottom" colSpan="4"><INPUT onclick="SetSelectedValue();" type="button" fckLang="DlgSelectBtnSetValue" value="Set as selected value">&nbsp;&nbsp;
 169                                  <input onclick="Delete();" type="button" fckLang="DlgSelectBtnDelete" value="Delete"></TD>
 170                          </TR>
 171                      </table>
 172                  </td>
 173              </tr>
 174          </table>
 175      </body>
 176  </html>