[Sommaire] [Imprimer]

   1  <html>
   2  
   3  <head>
   4    <title>Document properties</title>
   5  
   6  <script type="text/javascript" src="../../../popups/popup.js"></script>
   7  
   8  <script type="text/javascript">
   9  
  10  FullPage = window.opener.FullPage; // load the FullPage plugin and lang file ;-)
  11  window.resizeTo(400, 100);
  12  
  13    var accepted = {
  14        f_doctype       : true,
  15        f_title         : true,
  16        f_body_bgcolor  : true,
  17        f_body_fgcolor  : true,
  18        f_base_style    : true,
  19        f_alt_style     : true
  20    };
  21  
  22  var editor = null;
  23  function Init() {
  24    __dlg_translate(FullPage.I18N);
  25    __dlg_init();
  26    var params = window.dialogArguments;
  27    for (var i in params) {
  28        if (i in accepted) {
  29          var el = document.getElementById(i);
  30          el.value = params[i];
  31        }
  32    }
  33    editor = params.editor;
  34    document.getElementById("f_title").focus();
  35    document.getElementById("f_title").select();
  36  };
  37  
  38  function onOK() {
  39    var required = {
  40    };
  41    for (var i in required) {
  42      var el = document.getElementById(i);
  43      if (!el.value) {
  44        alert(required[i]);
  45        el.focus();
  46        return false;
  47      }
  48    }
  49  
  50    var param = {};
  51    for (var i in accepted) {
  52      var el = document.getElementById(i);
  53      param[i] = el.value;
  54    }
  55    __dlg_close(param);
  56    return false;
  57  };
  58  
  59  function onCancel() {
  60    __dlg_close(null);
  61    return false;
  62  };
  63  
  64  </script>
  65  
  66  <style type="text/css">
  67  html, body {
  68    background: ButtonFace;
  69    color: ButtonText;
  70    font: 11px Tahoma,Verdana,sans-serif;
  71    margin: 0px;
  72    padding: 0px;
  73  }
  74  body { padding: 5px; }
  75  table {
  76    font: 11px Tahoma,Verdana,sans-serif;
  77  }
  78  select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
  79  button { width: 70px; }
  80  table .label { text-align: right; width: 12em; }
  81  
  82  .title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px;
  83  border-bottom: 1px solid black; letter-spacing: 2px;
  84  }
  85  
  86  #buttons {
  87        margin-top: 1em; border-top: 1px solid #999;
  88        padding: 2px; text-align: right;
  89  }
  90  </style>
  91  
  92    </head>
  93  
  94    <body onload="Init()">
  95  
  96      <div class="title"><span>Document properties</span></div>
  97  
  98      <table style="width: 100%">
  99        <tr>
 100          <td class="label"><span>Document title:</span></td>
 101          <td><input type="text" id="f_title" style="width: 100%" /></td>
 102        </tr>
 103        <tr>
 104          <td class="label"><span>DOCTYPE:</span></td>
 105          <td><input type="text" id="f_doctype" style="width: 100%" /></td>
 106        </tr>
 107        <tr>
 108          <td class="label"><span>Primary style-sheet:</span></td>
 109          <td><input type="text" id="f_base_style" style="width: 100%" /></td>
 110        </tr>
 111        <tr>
 112          <td class="label"><span>Alternate style-sheet:</span></td>
 113          <td><input type="text" id="f_alt_style" style="width: 100%" /></td>
 114        </tr>
 115        <tr>
 116          <td class="label"><span>Background color:</span></td>
 117          <td><input type="text" id="f_body_bgcolor" size="7" /></td>
 118        </tr>
 119        <tr>
 120          <td class="label"><span>Text color:</span></td>
 121          <td><input type="text" id="f_body_fgcolor" size="7" /></td>
 122        </tr>
 123      </table>
 124  
 125      <div id="buttons">
 126        <button type="button" name="ok" onclick="return onOK();"><span>OK</span></button>
 127        <button type="button" name="cancel" onclick="return onCancel();"><span>Cancel</span></button>
 128      </div>
 129  
 130    </body>
 131  </html>