Project

General

Profile

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>
(13-13/16)