[Sommaire] [Imprimer]

   1  <!--
   2   * FCKeditor - The text editor for internet
   3   * Copyright (C) 2003-2006 Frederico Caldeira Knabben
   4   * 
   5   * Licensed under the terms of the GNU Lesser General Public License:
   6   *         http://www.opensource.org/licenses/lgpl-license.php
   7   * 
   8   * For further information visit:
   9   *         http://www.fckeditor.net/
  10   * 
  11   * "Support Open Source software. What about a donation today?"
  12   * 
  13   * File Name: fck_template.html
  14   *     Template selection dialog window.
  15   * 
  16   * File Authors:
  17   *         Frederico Caldeira Knabben (fredck@fckeditor.net)
  18  -->
  19  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  20  <html>
  21      <head>
  22          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  23          <meta name="robots" content="noindex, nofollow">
  24          <style>
  25              .TplList
  26              {
  27                  border: #dcdcdc 2px solid;
  28                  background-color: #ffffff;
  29                  overflow: auto;
  30                  width: 90%;
  31              }
  32  
  33              .TplItem
  34              {
  35                  margin: 5px;
  36                  padding: 7px;
  37                  border: #eeeeee 1px solid;
  38              }
  39  
  40              .TplItem TABLE
  41              {
  42                  display: inline;
  43              }
  44  
  45              .TplTitle
  46              {
  47                  font-weight: bold;
  48              }
  49          </style>
  50          <script src="common/fck_dialog_common.js" type="text/javascript"></script>
  51          <script language="javascript">
  52  
  53  var oEditor        = window.parent.InnerDialogLoaded() ;
  54  var FCK            = oEditor.FCK ;
  55  var FCKLang        = oEditor.FCKLang ;
  56  var FCKConfig    = oEditor.FCKConfig ;
  57  
  58  window.onload = function()
  59  {
  60      // Set the right box height (browser dependent).
  61      GetE('eList').style.height = document.all ? '100%' : '295px' ;
  62  
  63      // Translate the dialog box texts.
  64      oEditor.FCKLanguageManager.TranslatePage(document) ;
  65  
  66      window.parent.SetAutoSize( true ) ;
  67  
  68      LoadTemplatesXml() ;
  69  }
  70  
  71  function LoadTemplatesXml()
  72  {
  73      if ( !FCK._Templates )
  74      {
  75          GetE('eLoading').style.display = '' ;
  76  
  77          // Create the Templates array.
  78          FCK._Templates = new Array() ;
  79  
  80          // Load the XML file.
  81          var oXml = new oEditor.FCKXml() ;
  82          oXml.LoadUrl( FCKConfig.TemplatesXmlPath ) ;
  83  
  84          // Get the Images Base Path.
  85          var oAtt = oXml.SelectSingleNode( 'Templates/@imagesBasePath' ) ;
  86          var sImagesBasePath = oAtt ? oAtt.value : '' ;
  87  
  88          // Get the "Template" nodes defined in the XML file.
  89          var aTplNodes = oXml.SelectNodes( 'Templates/Template' ) ;
  90  
  91          for ( var i = 0 ; i < aTplNodes.length ; i++ )
  92          {
  93              var oNode = aTplNodes[i]
  94  
  95              var oTemplate = new Object() ;
  96  
  97              var oPart ;
  98  
  99              // Get the Template Title.
 100              if ( oPart = oNode.attributes.getNamedItem('title') )
 101                  oTemplate.Title = oPart.value ;
 102              else
 103                  oTemplate.Title = 'Template ' + ( i + 1 ) ;
 104  
 105              // Get the Template Description.
 106              if ( oPart = oXml.SelectSingleNode( 'Description', oNode ) )
 107                  oTemplate.Description = oPart.text ? oPart.text : oPart.textContent ;
 108  
 109              // Get the Template Image.
 110              if ( oPart = oNode.attributes.getNamedItem('image') )
 111                  oTemplate.Image = sImagesBasePath + oPart.value ;
 112  
 113              // Get the Template HTML.
 114              if ( oPart = oXml.SelectSingleNode( 'Html', oNode ) )
 115                  oTemplate.Html = oPart.text ? oPart.text : oPart.textContent ;
 116              else
 117              {
 118                  alert( 'No HTML defined for template index ' + i + '. Please review the "' + FCKConfig.TemplatesXmlPath + '" file.' ) ;
 119                  continue ;
 120              }
 121  
 122              FCK._Templates[ FCK._Templates.length ] = oTemplate ;
 123          }
 124  
 125          GetE('eLoading').style.display = 'none' ;
 126      }
 127  
 128      if ( FCK._Templates.length == 0 )
 129          GetE('eEmpty').style.display = '' ;
 130      else
 131      {
 132          for ( var i = 0 ; i < FCK._Templates.length ; i++ )
 133          {
 134              var oTemplate = FCK._Templates[i] ;
 135  
 136              var oItemDiv = GetE('eList').appendChild( document.createElement( 'DIV' ) ) ;
 137              oItemDiv.TplIndex = i ;
 138              oItemDiv.className = 'TplItem' ;
 139  
 140              // Build the inner HTML of our new item DIV.
 141              var sInner = '<table><tr>' ;
 142  
 143              if ( oTemplate.Image )
 144                  sInner += '<td valign="top"><img src="' + oTemplate.Image + '"><\/td>' ;
 145  
 146              sInner += '<td valign="top"><div class="TplTitle">' + oTemplate.Title + '<\/div>' ;
 147  
 148              if ( oTemplate.Description )
 149                  sInner += '<div>' + oTemplate.Description + '<\/div>' ;
 150  
 151              sInner += '<\/td><\/tr><\/table>' ;
 152  
 153              oItemDiv.innerHTML = sInner ;
 154              
 155              oItemDiv.onmouseover = ItemDiv_OnMouseOver ;
 156              oItemDiv.onmouseout = ItemDiv_OnMouseOut ;
 157              oItemDiv.onclick = ItemDiv_OnClick ;
 158          }
 159      }
 160  }
 161  
 162  function ItemDiv_OnMouseOver()
 163  {
 164      this.className += ' PopupSelectionBox' ;
 165  }
 166  
 167  function ItemDiv_OnMouseOut()
 168  {
 169      this.className = this.className.replace( /\s*PopupSelectionBox\s*/, '' ) ;
 170  }
 171  
 172  function ItemDiv_OnClick()
 173  {
 174      SelectTemplate( this.TplIndex ) ;
 175  }
 176  
 177  function SelectTemplate( index )
 178  {
 179      oEditor.FCKUndo.SaveUndoStep() ;
 180      FCK.SetHTML( FCK._Templates[index].Html ) ;
 181      window.parent.Cancel() ;
 182  }
 183  
 184          </script>
 185      </head>
 186      <body scroll="no" style="OVERFLOW: hidden">
 187          <table width="100%" height="100%">
 188              <tr>
 189                  <td align="center">
 190                      <span fckLang="DlgTemplatesSelMsg">Please select the template to open in the editor<br>
 191                      (the actual contents will be lost):</span>
 192                  </td>
 193              </tr>
 194              <tr>
 195                  <td height="100%" align="center">
 196                      <div id="eList" align="left" class="TplList">
 197                          <div id="eLoading" align="center" style="DISPLAY: none">
 198                              <br>
 199                              <span fckLang="DlgTemplatesLoading">Loading templates list. Please wait...</span>
 200                          </div>
 201                          <div id="eEmpty" align="center" style="DISPLAY: none">
 202                              <br>
 203                              <span fckLang="DlgTemplatesNoTpl">(No templates defined)</span>
 204                          </div>
 205                      </div>
 206                  </td>
 207              </tr>
 208          </table>
 209      </body>
 210  </html>