| <html> |
| |
| <head> |
| <title>Document properties</title> |
| |
| <script type="text/javascript" src="../../../popups/popup.js"></script> |
| |
| <script type="text/javascript"> |
| |
| FullPage = window.opener.FullPage; // load the FullPage plugin and lang file ;-) |
| window.resizeTo(400, 100); |
| |
| var accepted = { |
| f_doctype : true, |
| f_title : true, |
| f_body_bgcolor : true, |
| f_body_fgcolor : true, |
| f_base_style : true, |
| f_alt_style : true |
| }; |
| |
| var editor = null; |
| function Init() { |
| __dlg_translate(FullPage.I18N); |
| __dlg_init(); |
| var params = window.dialogArguments; |
| for (var i in params) { |
| if (i in accepted) { |
| var el = document.getElementById(i); |
| el.value = params[i]; |
| } |
| } |
| editor = params.editor; |
| document.getElementById("f_title").focus(); |
| document.getElementById("f_title").select(); |
| }; |
| |
| function onOK() { |
| var required = { |
| }; |
| for (var i in required) { |
| var el = document.getElementById(i); |
| if (!el.value) { |
| alert(required[i]); |
| el.focus(); |
| return false; |
| } |
| } |
| |
| var param = {}; |
| for (var i in accepted) { |
| var el = document.getElementById(i); |
| param[i] = el.value; |
| } |
| __dlg_close(param); |
| return false; |
| }; |
| |
| function onCancel() { |
| __dlg_close(null); |
| return false; |
| }; |
| |
| </script> |
| |
| <style type="text/css"> |
| html, body { |
| background: ButtonFace; |
| color: ButtonText; |
| font: 11px Tahoma,Verdana,sans-serif; |
| margin: 0px; |
| padding: 0px; |
| } |
| body { padding: 5px; } |
| table { |
| font: 11px Tahoma,Verdana,sans-serif; |
| } |
| select, input, button { font: 11px Tahoma,Verdana,sans-serif; } |
| button { width: 70px; } |
| table .label { text-align: right; width: 12em; } |
| |
| .title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; |
| border-bottom: 1px solid black; letter-spacing: 2px; |
| } |
| |
| #buttons { |
| margin-top: 1em; border-top: 1px solid #999; |
| padding: 2px; text-align: right; |
| } |
| </style> |
| |
| </head> |
| |
| <body onload="Init()"> |
| |
| <div class="title"><span>Document properties</span></div> |
| |
| <table style="width: 100%"> |
| <tr> |
| <td class="label"><span>Document title:</span></td> |
| <td><input type="text" id="f_title" style="width: 100%" /></td> |
| </tr> |
| <tr> |
| <td class="label"><span>DOCTYPE:</span></td> |
| <td><input type="text" id="f_doctype" style="width: 100%" /></td> |
| </tr> |
| <tr> |
| <td class="label"><span>Primary style-sheet:</span></td> |
| <td><input type="text" id="f_base_style" style="width: 100%" /></td> |
| </tr> |
| <tr> |
| <td class="label"><span>Alternate style-sheet:</span></td> |
| <td><input type="text" id="f_alt_style" style="width: 100%" /></td> |
| </tr> |
| <tr> |
| <td class="label"><span>Background color:</span></td> |
| <td><input type="text" id="f_body_bgcolor" size="7" /></td> |
| </tr> |
| <tr> |
| <td class="label"><span>Text color:</span></td> |
| <td><input type="text" id="f_body_fgcolor" size="7" /></td> |
| </tr> |
| </table> |
| |
| <div id="buttons"> |
| <button type="button" name="ok" onclick="return onOK();"><span>OK</span></button> |
| <button type="button" name="cancel" onclick="return onCancel();"><span>Cancel</span></button> |
| </div> |
| |
| </body> |
| </html> |