Revision 317
Added by stefan about 18 years ago
| old-fullscreen.html | ||
|---|---|---|
| 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 |
|
|
| 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 | 131 |
</body></html> |
Also available in: Unified diff
Changed all line endings to Unix stlye