| 1 |
4
|
ryan
|
<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>
|