[Sommaire] [Imprimer]

   1  <html>
   2  <head><title>Fullscreen Editor</title>
   3  <style type="text/css"> body {    margin: 0px; border: 0px; background-color: buttonface; } </style>
   4  
   5  <script>
   6  
   7  // if we pass the "window" object as a argument and then set opener to
   8  // equal that we can refer to dialogWindows and popupWindows the same way
   9  if (window.dialogArguments) { opener = window.dialogArguments; }
  10  
  11  var _editor_url = "../";
  12  document.write('<scr'+'ipt src="' +_editor_url+ 'editor.js" language="Javascript1.2"></scr'+'ipt>');
  13  
  14  var parent_objname = location.search.substring(1,location.search.length);  // parent editor objname
  15  var parent_config  = opener.document.all[parent_objname].config;
  16  
  17  var config         = cloneObject( parent_config );
  18  var objname        = 'editor'; // name of this editor
  19  
  20  //  DOMViewerObj = config;
  21  //  DOMViewerName = 'config';
  22  //  window.open('/innerHTML/domviewer.htm');  
  23  
  24  /* ---------------------------------------------------------------------- *\
  25    Function    : 
  26    Description : 
  27  \* ---------------------------------------------------------------------- */
  28  
  29  function _CloseOnEsc() {
  30    if (event.keyCode == 27) {
  31      update_parent();
  32      window.close();
  33      return;
  34    }
  35  }
  36  
  37  /* ---------------------------------------------------------------------- *\
  38    Function    : cloneObject
  39    Description : copy an object by value instead of by reference
  40    Usage       : var newObj = cloneObject(oldObj);
  41  \* ---------------------------------------------------------------------- */
  42  
  43  function cloneObject(obj) {
  44    var newObj          = new Object; 
  45  
  46    // check for array objects
  47    if (obj.constructor.toString().indexOf('function Array(') == 1) {
  48      newObj = obj.constructor();
  49    }
  50  
  51    for (var n in obj) {
  52      var node = obj[n];
  53      if (typeof node == 'object') { newObj[n] = cloneObject(node); }
  54      else                         { newObj[n] = node; }
  55    }
  56    
  57    return newObj;
  58  }
  59  
  60  /* ---------------------------------------------------------------------- *\
  61    Function    : resize_editor
  62    Description : resize the editor when the user resizes the popup
  63  \* ---------------------------------------------------------------------- */
  64  
  65  function resize_editor() {  // resize editor to fix window
  66    var editor = document.all['_editor_editor'];
  67  
  68    newWidth  = document.body.offsetWidth;
  69    newHeight = document.body.offsetHeight - editor.offsetTop;
  70  
  71    if (newWidth < 0) { newWidth = 0; }
  72    if (newHeight < 0) { newHeight = 0; }
  73  
  74    editor.style.width  = newWidth;
  75    editor.style.height = newHeight;
  76  }
  77  
  78  /* ---------------------------------------------------------------------- *\
  79    Function    : init
  80    Description : run this code on page load
  81  \* ---------------------------------------------------------------------- */
  82  
  83  function init() {
  84    // change maximize button to minimize button
  85    config.btnList["popupeditor"] = ['popupeditor', 'Minimize Editor',  'update_parent(); window.close();', 'fullscreen_minimize.gif'];
  86  
  87    // set htmlmode button to refer to THIS editor
  88    config.btnList["htmlmode"]    = ['HtmlMode',    'View HTML Source', 'editor_setmode(\'editor\')',  'ed_html.gif'];
  89  
  90    // change image url to be relative to current path
  91    config.imgURL = "../images/";
  92    
  93    // generate editor and resize it
  94    editor_generate('editor', config);
  95    resize_editor();
  96  
  97    // switch mode if needed
  98    if (parent_config.mode == 'textedit') { editor_setmode(objname, 'textedit'); }
  99  
 100    // set child window contents
 101    var parentHTML = opener.editor_getHTML(parent_objname);
 102    editor_setHTML(objname, parentHTML);
 103  
 104    // continuously update parent editor window
 105    window.setInterval(update_parent, 333);
 106  
 107    // setup event handlers
 108    document.body.onkeypress = _CloseOnEsc;
 109    window.onresize = resize_editor;
 110  }
 111  
 112  /* ---------------------------------------------------------------------- *\
 113    Function    : update_parent
 114    Description : update parent window editor field with contents from child window
 115  \* ---------------------------------------------------------------------- */
 116  
 117  function update_parent() {
 118    var childHTML = editor_getHTML(objname);
 119    opener.editor_setHTML(parent_objname, childHTML);
 120  }
 121  
 122  
 123  </script>
 124  </head>
 125  <body scroll="no" onload="init()" onunload="update_parent()">
 126  
 127  <div style="margin: 0 0 0 0; border-width: 1; border-style: solid; border-color: threedshadow threedhighlight threedhighlight threedshadow; "></div>
 128  
 129  <textarea name="editor" style="width:100%; height:300px"></textarea><br>
 130  
 131  </body></html>