jsMath/jsMath-global-controls.html

   1 <html>
   2 <head>
   3 <!--
   4  | jsMath-global-controls.html
   5  |
   6  | Part of the jsMath package for mathematics on the web.
   7  |
   8  | This file by jsMath-global.html to open a small control panel
   9  | at the top of the page.  The panel shows the URL and allows the
  10  | user to refresh the page, print it, and so on.
  11  |
  12  | ---------------------------------------------------------------------
  13  |
  14  | Copyright 2006 by Davide P. Cervone
  15  |
  16  | Licensed under the Apache License, Version 2.0 (the "License");
  17  | you may not use this file except in compliance with the License.
  18  | You may obtain a copy of the License at
  19  |
  20  |     http://www.apache.org/licenses/LICENSE-2.0
  21  |
  22  | Unless required by applicable law or agreed to in writing, software
  23  | distributed under the License is distributed on an "AS IS" BASIS,
  24  | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  25  | See the License for the specific language governing permissions and
  26  | limitations under the License.
  27 -->
  28 <style>
  29   body  {border:0px; padding:0px; margin:0px}
  30   div   {padding:0px; background: #CCCCCC; border:1px outset}
  31   table {border:0px; padding:0px; margin:0px; width:100%}
  32   input {font-size:70%}
  33   #url  {margin-left:5px; padding:1px 0px 0px 2px}
  34   #hide {margin-right:5px}
  35 </style>
  36 <script>
  37 var jsMath;
  38 if (window.location.search != '') {document.domain = window.location.search.substr(1)}
  39 try {jsMath = parent.jsMath} catch (err) {}
  40 </script>
  41 </head>
  42 <body>
  43 <!----------------------------------->
  44 <!--
  45  | <script src="../../debug/console.js"></script>
  46  | <script src="../../debug/show.js"></script>
  47 -->
  48 <!----------------------------------->
  49 <div id="panel">
  50 <table border="0">
  51 <tr><td width="99%" nowrap>
  52 <input type="text" style="width:75%" id="url">
  53 <input type="button" value="Go" onclick="jsMath.SetURL()"></td>
  54 <td width="1%" nowrap>
  55 <!----------------------------------->
  56 <!--<input type="button" value="Debug" onclick="debug()">-->
  57 <!----------------------------------->
  58 <input type="button" value="Print"    id="print"   onclick="jsMath.Print()">
  59 <input type="button" value="Reload"   id="reload"  onclick="jsMath.Reload()">
  60 <input type="button" value="Go Local" id="goLocal" onclick="jsMath.GoLocal()">
  61 <input type="button" value="Empty"    id="empty"   onclick="jsMath.Empty()">
  62 <input type="button" value="Hide"     id="hide"    onclick="setTimeout('jsMath.Hide()',10)"></small></td></tr>
  63 </table>
  64 </div>
  65 <script>
  66 if (jsMath) {
  67
  68 jsMath.url = document.getElementById("url");
  69 jsMath.url.onkeypress = function (event) {
  70   if (!event) {event = window.event}
  71   var code = (event.which != null)? event.which:
  72              (event.keyCode != null)? event.keyCode : event.charCode;
  73   if (code == 13) {jsMath.SetURL(); return false}
  74   return true;
  75 };
  76 if (jsMath.URL) {jsMath.url.value = jsMath.URL}
  77
  78 jsMath.print  = document.getElementById("print");
  79 jsMath.reload = document.getElementById("reload");
  80
  81 function Show() {
  82   var div = document.all.panel;
  83   var h = div.clientHeight + 2*div.clientTop;
  84   if (h == 0 || h > 200 && attempts++ < 10)
  85     {setTimeout("Show()",10*attempts); return}
  86   parent.jsMath.SetControls(h+',*');
  87 }
  88 if (document.body.scrollHeight < 1) {
  89   //
  90   //  MSIE/Mac doesn't get the right scrollHeight until the
  91   //  frame is fully renderred, which requires the frame
  92   //  to be visible, and there is no telling when the rendering
  93   //  is complete (it is AFTER the onload handler fires).
  94   //
  95   jsMath.print.disabled = true;
  96   attempts = 0;
  97   parent.document.body.rows = "50,*";
  98   setTimeout("Show()",1);
  99 } else {
 100   parent.jsMath.SetControls(document.body.scrollHeight+',*');
 101 }
 102
 103 }
 104 </script>
 105 </body>
 106 </html>