[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   * File Name: fck_anchor.html
  23   *     Anchor dialog window.
  24   * 
  25   * File Authors:
  26   *         Frederico Caldeira Knabben (www.fckeditor.net)
  27   *         Alfonso Martinez de Lizarrondo - Uritec (alfonso at uritec dot net)
  28  -->
  29  <html>
  30      <head>
  31          <title>Anchor Properties</title>
  32          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  33          <meta content="noindex, nofollow" name="robots">
  34          <script src="common/fck_dialog_common.js" type="text/javascript"></script>
  35          <script type="text/javascript">
  36  
  37  var oEditor    = window.parent.InnerDialogLoaded() ;
  38  var FCK        = oEditor.FCK ;
  39  var FCKBrowserInfo = oEditor.FCKBrowserInfo ;
  40  var FCKTools = oEditor.FCKTools ;
  41  var FCKRegexLib = oEditor.FCKRegexLib ;
  42  
  43  // Gets the document DOM
  44  var oDOM = oEditor.FCK.EditorDocument ;
  45  
  46  var oFakeImage = FCK.Selection.GetSelectedElement() ;
  47  var oAnchor ;
  48  
  49  if ( oFakeImage )
  50  {
  51      if ( oFakeImage.tagName == 'IMG' && oFakeImage.getAttribute('_fckanchor') )
  52          oAnchor = FCK.GetRealElement( oFakeImage ) ;
  53      else
  54          oFakeImage = null ;
  55  }
  56  
  57  //Search for a real anchor
  58  if ( !oFakeImage )
  59  {
  60      oAnchor = FCK.Selection.MoveToAncestorNode( 'A' ) ;
  61      if ( oAnchor )
  62          FCK.Selection.SelectNode( oAnchor ) ;
  63  }
  64  
  65  window.onload = function()
  66  {
  67      // First of all, translate the dialog box texts
  68      oEditor.FCKLanguageManager.TranslatePage(document) ;
  69  
  70      if ( oAnchor )
  71          GetE('txtName').value = oAnchor.name ;
  72      else
  73          oAnchor = null ;
  74  
  75      window.parent.SetOkButton( true ) ;
  76  }
  77  
  78  function Ok()
  79  {
  80      var sNewName = GetE('txtName').value ;
  81  
  82      // Remove any illegal character in a name attribute:
  83      // A name should start with a letter, but the validator passes anyway.
  84      sNewName = sNewName.replace( /[^\w-_\.:]/g, '_' ) ;
  85  
  86      if ( sNewName.length == 0 )
  87      {
  88          // Remove the anchor if the user leaves the name blank
  89          if ( oAnchor )    
  90          {
  91              RemoveAnchor() ;
  92              return true ;
  93          }
  94  
  95          alert( oEditor.FCKLang.DlgAnchorErrorName ) ;
  96          return false ;
  97      }
  98      
  99      oEditor.FCKUndo.SaveUndoStep() ;
 100      
 101      if ( oAnchor )    // Modifying an existent anchor.
 102      {
 103          ReadjustLinksToAnchor( oAnchor.name, sNewName );
 104  
 105          // Buggy explorer, bad bad browser. http://alt-tag.com/blog/archives/2006/02/ie-dom-bugs/
 106          // Instead of just replacing the .name for the existing anchor (in order to preserve the content), we must remove the .name
 107          // and assign .name, although it won't appear until it's specially processed in fckxhtml.js
 108  
 109          // We remove the previous name
 110          oAnchor.removeAttribute( 'name' ) ;
 111          // Now we set it, but later we must process it specially
 112          oAnchor.name = sNewName ;
 113  
 114          return true ;
 115      }
 116  
 117      // Create a new anchor preserving the current selection
 118      oAnchor = oEditor.FCK.CreateLink( '#' ) ;
 119      if ( !oAnchor )
 120      {
 121          // Nothing was selected, so now just create a normal A
 122          oAnchor = oEditor.FCK.CreateElement( 'a' ) ; 
 123      }
 124      else
 125      {
 126          // Remove the fake href
 127          oAnchor.removeAttribute( 'href' ) ; 
 128      }
 129      // Set the name
 130      oAnchor.name = sNewName ;
 131  
 132      // IE does require special processing to show the Anchor's image
 133      // Opera doesn't allow to select empty anchors
 134      if ( FCKBrowserInfo.IsIE || FCKBrowserInfo.IsOpera )
 135      {
 136          if ( oAnchor.innerHTML != '' )
 137          {
 138              if ( FCKBrowserInfo.IsIE )
 139                  oAnchor.className += ' FCK__AnchorC' ;
 140          }
 141          else
 142          {
 143              // Create a fake image for both IE and Opera
 144              var oImg = oEditor.FCKDocumentProcessor_CreateFakeImage( 'FCK__Anchor', oAnchor.cloneNode(true) ) ;
 145              oImg.setAttribute( '_fckanchor', 'true', 0 ) ;
 146              
 147              oAnchor.parentNode.insertBefore( oImg, oAnchor ) ;
 148              oAnchor.parentNode.removeChild( oAnchor ) ;
 149          }
 150  
 151      }
 152  
 153      return true ;
 154  }
 155  
 156  // Removes the current anchor from the document
 157  function RemoveAnchor()
 158  {
 159      // If it's also a link, then just remove the name and exit
 160      if ( oAnchor.href.length != 0 )
 161      {
 162          oAnchor.removeAttribute( 'name' ) ;
 163          // Remove temporary class for IE
 164          if ( FCKBrowserInfo.IsIE )
 165              oAnchor.className = oAnchor.className.replace( FCKRegexLib.FCK_Class, '' ) ;
 166          return ;
 167      }
 168  
 169      // We need to remove the anchor
 170      // If we got a fake image, then just remove it and we're done
 171      if ( oFakeImage )
 172      {
 173          oFakeImage.parentNode.removeChild( oFakeImage ) ;
 174          return ;
 175      }
 176      // Empty anchor, so just remove it
 177      if ( oAnchor.innerHTML.length == 0 )
 178      {
 179          oAnchor.parentNode.removeChild( oAnchor ) ;
 180          return ;
 181      }
 182      // Anchor with content, leave the content
 183      FCKTools.RemoveOuterTags( oAnchor ) ;
 184  }
 185  
 186  // Checks all the links in the current page pointing to the current name and changes them to the new name
 187  function ReadjustLinksToAnchor( sCurrent, sNew )
 188  {
 189      var oDoc = FCK.EditorDocument ;
 190      
 191      var aLinks = oDoc.getElementsByTagName( 'A' ) ;
 192  
 193      var sReference = '#' + sCurrent ;
 194      // The url of the document, so we check absolute and partial references.
 195      var sFullReference = oDoc.location.href.replace( /(#.*$)/, '') ;
 196      sFullReference += sReference ;
 197  
 198      var oLink ;
 199      var i = aLinks.length - 1 ;
 200      while ( i >= 0 && ( oLink = aLinks[i--] ) )
 201      {
 202          var sHRef = oLink.getAttribute( '_fcksavedurl' ) ;
 203          if ( sHRef == null )
 204              sHRef = oLink.getAttribute( 'href' , 2 ) || '' ;
 205  
 206          if ( sHRef == sReference || sHRef == sFullReference )
 207          {
 208              oLink.href = '#' + sNew ;
 209              SetAttribute( oLink, '_fcksavedurl', '#' + sNew ) ;
 210          }
 211      }
 212  }
 213  
 214          </script>
 215      </head>
 216      <body style="OVERFLOW: hidden" scroll="no">
 217          <table height="100%" width="100%">
 218              <tr>
 219                  <td align="center">
 220                      <table border="0" cellpadding="0" cellspacing="0" width="80%">
 221                          <tr>
 222                              <td>
 223                                  <span fckLang="DlgAnchorName">Anchor Name</span><BR>
 224                                  <input id="txtName" style="WIDTH: 100%" type="text">
 225                              </td>
 226                          </tr>
 227                      </table>
 228                  </td>
 229              </tr>
 230          </table>
 231      </body>
 232  </html>