[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>